antet, secţiune, articol, de subsol şi html5

HTML5 introduce etichete noi, care fac o gramada de sens. Nu va mai fiecare diviziune a unei pagini trebuie să fie speculat ca la scopul său; noul nume de tag-ul este construit au dreptul de inch Ma duc sa iau o privire la ceea ce înseamnă aceste două tag-uri, şi cum să le pună în aplicare. Notă: Acest articol va fi scris pe baza proiectelor curente, definirea şi punerea în aplicare şi se pot schimba.

Header: <header> de tag-ul defineşte o secţiune de antet sau de documentul.

Secţiunea: <section> de secţiuni de tag-ul defineşte într-un document. Capitole, cum ar fi, antete, footers, sau orice alte secţiuni ale documentului.

Articolul: <article> de tag-ul defineşte conţinutul extern. Cum ar fi un articol de ştiri de la un furnizor de stiri externe, de text sau de la un jurnal Web (blog), de text sau de la un forum. Sau orice alt conţinut de la o sursă externă

De subsol: <footer> de tag-ul defineşte o secţiune de subsol sau document. În mod tipic, conţine numele autorului, data de documentul a fost scris şi / sau informaţii de contact.

Totul pare destul de explanitory auto. Ca de acum, o versiune mult prea simplificate de un blog layout poate arata astfel:

  <div id = "header"> Blog titlu, link-uri de blog, şi aşa mai departe </ div> 
    <div id = "content"> 
      <div clasa = "post" id = "1"> Post conţinut </ div> 
      <div clasa = "post" id = "2"> Post conţinut </ div> 
      <div clasa = "post" id = "3"> Post conţinut </ div> 
    </ div> 
  <div id = "footer"> de subsol de conţinut, link-uri, drepturile de autor </ div> 

Aceasta, desigur, nu este completă pagina, dar ai ideea. Odată ce html5 este adoptat, acesta va apărea mai multe astfel:

  <header> Blog titlu, link-uri de blog, şi aşa mai departe </ header> 
    <section id = "content"> 
      <article id = "1"> Post conţinut </ articol> 
      <article id = "2"> Post conţinut </ articol> 
      <article id = "3"> Post conţinut </ articol> 
    </ secţiune> 
  <footer> de subsol de conţinut, link-uri, drepturile de autor </ subsol> 

Asta nu pare a fi atât de greu. De fapt, aş putea să pun pariu "upgrade", un întreg WordPress temă în aproximativ o oră pentru a html5 de sintaxă. Ce înseamnă acest lucru pentru programatori? Ei bine, adevarul este ca, absolut nimic acum. HTML 5 nu este acceptată în browser-curent, şi, probabil, nu va fi de ceva timp. Opera 9.5, Firefox 3, Safari 3.x şi include o mână de html5 caracteristici (şi anume canava element), dar nici unul dintre aceste tag-uri de mai sus.

Ce înseamnă pentru viitor, este pur şi simplu pagini web care face mai mult sens; mai uşor de lizibilitate. De asemenea, cu acelaşi conţinut, există 30 de caractere mai puţin că este nevoie să fie introdus-o. 30 octeţi 1000 de ori înseamnă 30 de megabytes de spaţiu de latime de banda salvat pe pagina de mii de sarcini. Aceasta va însemna şi mai curat şi mai uşor de citit stylesheets. În general, pagini de blog ca un standard de pagină va fi doar mult mai eficient. Acesta este mare pentru dezvoltatorii de ştiri şi utilizatorilor finali la fel.

Surse: http://www.w3schools.com, http://blog.whatwg.org/, http://www.w3.org/html/wg/html5/

Face un pas greşit-o!

Post Info

Această intrare a fost postat pe luni, 28 aprilie 2008 şi este depusă în proiectarea, dezvoltarea, html5, web 2.0. Ea a 252 vizitari

Tags: html5, etichete, de web design, whatwg, WordPress

Comentarii de alimentare. | Lasă comentarii | Trackback Lasă.

Previous Post: Pune Anunţuri de pe partea superioară a dvs. de Anunţuri - Adbrite Reţeaua de Anunţuri »
Next Post: Blackberry Flip Telefon! »

Cele mai vizitate posturi