HTML een van de beste uitvindingen voor het web. HTML staat voor Hypertext Markup Language. Het is de taal waarmee webpagina’s worden weergegeven. Dankzij HTML kunnen wij websites ontwerpen en indelen.
Binnenkort zal er een nieuw versie gebruikt worden van HTML namelijk HTML5. Toen HTML5 werd ontwikkeld, zijn de ontwikkelaars geconfronteerd met enkele belangrijke vraagstukken die moesten worden opgelost met de behulp van HTML5 . Een van deze problemen was het creëren van een echt expliciete en uitbreidbaar semantiek. Nu is het lastige dat de oude versies van HTML ook werden ontworpen met deze achterliggende gedachte echter bleken sommige opmaak tags in de praktijk nutteloos te zijn. HTML5 is aangepast aan de behoeften van het huidige internet.
HTML5 nieuwe tags
Een van de belangrijkste doel die moest worden bereikt door de ontwikkelaars was het creëren van een rijkere en zinvolle semantiek voor HTML5. Plus het feit dat de nieuwe oplossing flexibel, sterk en efficiënt moest zijn om te kunnen voldoen aan alle moderne webstandaarden. In de volgende lijst ziet u een overzicht van de nieuwe tags die gebruikt zullen worden met HTML5.
- <article> tag definieert een artikel
- <aside> tag definieert de inhoud los van de pagina-inhoud
- <audio> tag definieert geluid
- <canvas> tag definieert graphics
- <commando> tag definieert een opdrachtknop
- <datalist> tag definieert een dropdown lijst<
- <details> tag definieert de details van een element
- <dialog> tag definieert een dialoog
- <embed> tag definieert externe interactieve inhoud of plugin
- <figure> tag definieert een groep van media inhoud en hun bijschrift
- <footer> tag definieert een voettekst voor een sectie of pagina
- <header> tag definieert een header voor een sectie of pagina
- <hgroup> tag definieert informatie over een sectie in een document
- <keygen> tag definieert een gegenereerde sleutel in een vorm
- <mark> tag definieert gemarkeerde tekst
- <meter> tag definieert metingen binnen een vooraf gedefinieerd bereik
- <nav> tag definieert navigatie links
- <output> tag definieert een aantal soorten output
- <progress> tag definieert voortgang van een taak van welke aard
- <rp> tag wordt gebruikt in Ruby annotaties voor browsers die geen ondersteuning van de ruby element te tonen.
- <rt> tag definieert een uitleg aan ruby annotaties.
- <ruby> tag definieert ruby annotaties.
- <section> tag definieert een rubriek
- <source> tag definieert media middelen
- <time> tag definieert een datum / tijd
- <video> tag definieert een video
Laten we gewoon hopen dat al deze opmaakcodes echt nuttige tags zijn.
Oude Tags , verleden tijd ...
Vroeger kon je html3 alleen goed zien in Netscape ken je die nog? Ja, het was het begin van het internet tijdperk. Natuurlijk moeten we de geschiedenis niet vergeten, maar het is goed om afscheid te nemen van een aantal goede oude tags (vooral als ze niet goed zijn en niet worden gebruikt).
De HTML5 ontwikkelaars kennen deze geschiedenis ook en dat is de reden dat enkele van de tags werden uitgesloten in de nieuwe HTML. De volgende tags zullen tot het verleden behoren:
- <acronym> tag definieert een acroniem.
- <applet> tag definieert een embedded applet .
- <basefont> tag geeft een standaard lettertype - kleur, font-size , font-family of voor alle tekst in een document .
- <big> tag wordt gebruikt om de tekst een maatje groter te zetten.
- <center> tag wordt gebruikt om het centreren van tekst.
- <dir> tag wordt gebruikt om de titels te tonen van een directory lijst.
- <font> tag geeft het lettertype , lettergrootte en kleur van de tekst aan.
- <frame> tag definieert een bepaald venster ( frame) in een frameset .
- <frameset> tag definieert een frameset . De frameset element bevat twee of meer elementen frame. Elk frame element bevat een afzonderlijk document.
- <s> en <strike> tags te definiëren doorgehaalde tekst .
- <tt> tag wordt gebruikt voor " typetype " tekst, of vaste breedte schrijfmachine lettertype .
- <u> tag wordt gebruikt om tekst te onderstrepen.
De meeste van deze tags zijn achterhaald. Sommige van deze oude tags werden gebruikt in vroege versies van populaire browser versies, maar vandaag de dag zijn de meeste van deze tags gewoon nutteloos. Tegenwoordig kan met CSS veel met tekst opmaak gedaan worden.
Het grote mirakel <div>
De vervanging van de tag <div> met nieuwe tags is een van de belangrijkste resultaten van HTML5 in termen van de semantiek. De HTML4 <div> tag is (en blijft) een van de belangrijkste tags die gebruikt worden in HTML, maar het was slecht bij het specificeren van de verschillende delen van de website structuur. De nieuwe HTML5 tags zoals <article>, <aside>, <nav>, <figure>, <header>, <footer> zal veel nuttiger zijn omdat deze tags de gelegenheid geven om alle belangrijke onderdelen van de site op te geven en de structuur te verduidelijken. Dit betekent dat u gemakkelijk kunt navigeren door de code, en wat u fijn vind zullen de zoekmachine spiders geweldig vinden.
Wat we in de praktijk zullen zien van HTML5 is nog een beetje gokken. Wat wel bekend is dat de nieuwe opmaakcodes nieuwe mogelijkheden geven om websites beter te structureren en op te maken. Tevens zullen de communicatie en interactie met bezoekers makkelijker worden. Ook zullen de browser verschillen langzaam vervagen waardoor ontwerpers en programmeurs sneller en beter websites kunnen opmaken.