overskrift, avsnitt, artikkel, bunntekst og html5

HTML5 introduserer nye koder som gjør en svært fornuftig. Ikke lenger vil hver avdeling av en side må spekulert så til sitt formål; den nye koden navnene har det bygget rett i. Jeg skal ta en titt på hva disse to kodene betyr, og hvordan man kan implementere dem. Merknad: Denne artikkelen vil bli skrevet basert på nåværende utkast, og implementering og definisjon kan endres.

Overskrift: Den <header> koden definerer overskriften i et avsnitt eller dokument.

Seksjon: The <section> koden definerer inndelinger i et dokument. Slik som kapitler, topptekster, bunntekster eller andre deler av dokumentet.

Artikkel: The <article> koden definerer eksternt innhold. For eksempel en nyhetsartikkel fra en ekstern leverandør eller tekst fra en web-log (blog), eller tekst fra et forum. Eller noe annet innhold fra en ekstern kilde

Bunntekst: The <footer> koden definerer bunnteksten av et avsnitt eller dokument. Vanligvis inneholder navnet på forfatteren, datoen dokumentet ble skrevet og / eller kontaktinformasjon.

Det hele virker ganske selvtillit explanitory. Per nå har en svært forenklet versjon av en blogg oppsett kan se slik ut:

  <div id = "header"> Bloggtittel, blogg lenker, og så videre </ div> 
    <div id = "content"> 
      <div class = "post" id = "1"> Post innhold </ div> 
      <div class = "post" id = "2"> Post innhold </ div> 
      <div class = "post" id = "3"> Post innhold </ div> 
    </ div> 
  <div id = "footer"> bunntekst innhold, koblinger, opphavsrett </ div> 

Dette er selvfølgelig ikke hele siden, men du skjønner poenget. Når html5 er vedtatt, vil det vises mer som dette:

  <header> Bloggtittel, blogg lenker, og så videre </ header> 
    <section id = "content"> 
      <article id = "1"> Post innhold </ artikkel> 
      <article id = "2"> Post innhold </ artikkel> 
      <article id = "3"> Post innhold </ artikkel> 
    </ avsnitt> 
  <footer> bunntekst innhold, koblinger, opphavsrett </ bunntekst> 

Det synes ikke så hardt. Faktisk, jeg vedder jeg kan "oppgradere" en hel WordPress tema i omtrent en time å html5 syntaks. Hva betyr dette for utviklere? Vel, sannheten er, absolutt ingenting akkurat nå. HTML 5 er ikke støttet i dagens nettlesere, og vil sannsynligvis ikke være i noen tid. Opera 9.5, Firefox 3 og Safari 3.x inkludere en håndfull html5 funksjoner (nemlig lerretet element), men ingen av disse kodene ovenfor.

Hva betyr det for fremtiden, er ganske enkelt websider som gjør mer fornuftig; lettere lesbarhet. Også, med samme innhold, det er 30 minus-tegn som trengs for å bli skrevet. 30 bytes ganger 1000 betyr 30 megabyte båndbredde lagret tusendeler siden lastes. Dette vil også bety mer oversiktlig og lettere å lese stilark. Overall, sider som et vanlig blogg-siden bare vil være mye mer effektivt. Dette er gode nyheter for utviklere og sluttbrukere likt.

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

Snuble det!

Post Info

Denne oppføringen ble postet på Monday, April 28th, 2008, og er arkivert under design, utvikling, html5, web 2.0. Den har 254 visninger

Tags: html5, koder, webdesign, whatwg, WordPress

Kommentarer Feed. | Leave Comment | Leave Trackback.

Forrige Post: Legg Annonser på toppen av annonser - Adbrite Ad Network »
Neste Post: Blackberry Flip Phone! »

Mest sett Innlegg