tête de la section, un article, un pied de page et html5

HTML5 introduit de nouvelles balises qui font beaucoup de sens. Pas de temps de chaque division d'une page à des spéculations quant à son objet; le nouveau tag les noms ont construit il po Je vais jeter un coup d'oeil à ce que ces deux balises signifie, et comment les mettre en application. Note: Cet article sera rédigé sur la base des projets, et la mise en œuvre et la définition sont sujets à changement.

Header: Le <header> balise définit l'en-tête d'une section ou un document.

Section: La balise définit <section> sections dans un document. Comme des chapitres, les en-têtes, pieds de page, ou tout autres sections du document.

Article: La balise définit <article> contenu externe. Comme un article d'actualité à partir d'un fournisseur de nouvelles, ou le texte d'un journal Web (blog), ou le texte d'un forum. Ou de tout autre contenu à partir d'une source externe

Pied de page: Le <footer> balise définit le pied de page d'une section ou un document. Contient généralement le nom de l'auteur, la date à laquelle le document a été écrit et / ou informations de contact.

Il me semble assez explanitory auto. À partir de maintenant, une version trop simplifiée de mise en page d'un blog mai ressembler à ceci:

  <div id = "header"> titre Blog, blog liens, et ainsi de suite </ div> 
    <div id = "content"> 
      <div class = "post" id = "1"> Publier du contenu </ div> 
      <div class = "post" id = "2"> Publier du contenu </ div> 
      <div class = "post" id = "3"> Publier du contenu </ div> 
    </ div> 
  <div id = "footer"> pied de page de contenu, des liens, des droits d'auteur </ div> 

Cela, bien sûr, n'est pas la page complète, mais vous avez l'idée. Une fois html5 est adopté, il apparaît plus comme ceci:

  <header> titre Blog, blog liens, et ainsi de suite </ header> 
    <section id = "content"> 
      id = <article "1"> Publier du contenu </ article> 
      id = <article "2"> Publier du contenu </ article> 
      id = <article "3"> Publier du contenu </ article> 
    </ article> 
  <footer> pied de page de contenu, des liens, des droits d'auteur </ pied de page> 

Cela ne semble pas si difficile. En fait, je parie que je pourrais "upgrade" l'ensemble d'un thème WordPress en une heure environ à html5 syntaxe. Qu'est-ce que cela signifie pour les développeurs? Eh bien, la vérité est, absolument rien pour le moment. HTML 5 n'est pas supporté par les navigateurs actuels, et ne sera probablement pas pour un certain temps. Opera 9.5, Firefox 3, Safari 3.x et inclure une poignée de html5 caractéristiques (à savoir la toile élément), mais aucune de ces balises ci-dessus.

Qu'est-ce que cela signifie pour l'avenir, est tout simplement les pages Web que plus de sens; plus facile de lisibilité. Aussi, avec le même contenu, il ya moins de 30 caractères qui doivent être dactylographiées. 30 fois 1000 octets moyens 30 mégaoctets de la bande passante sauvé par mille chargement de page. Cela signifie également plus propre et plus facile à lire les feuilles de style. Globalement, les pages comme un page de blog juste être beaucoup plus efficaces. C'est une excellente nouvelle pour les développeurs et les utilisateurs finaux aussi bien.

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

Stumble It!

Post Info

Cet article a été publié le lundi 28 avril 2008 et est classé dans la conception, le développement, html5, Web 2.0. Il a 244 vues

Tags: html5, tags, web design, whatwg, wordpress

Comments Feed. | Laisser un commentaire | Trackback de congé.

Previous Post: Mettre des annonces sur le Haut de vos annonces - Adbrite réseau AD »
Next Post: Blackberry téléphone à rabat! »

Postes les plus consultés