Tips, tutorials en meer - Nieuws - HTML5 Tutorial 2: de nieuwe elementen

HTML5 Tutorial 2: de nieuwe elementen

De laatste versie van HTML is uitgebracht in 1999, 12jaren geleden en sindsdien zijn het web en onze webvereisten veel veranderd. Om aan onze nieuwe en moderne eisen te voldoen, is HTML5 voorzien van veel nieuwe elementen, tags en nog veel meer. Het web is totaal veranderd van wat het eerder was. Nee, we kunnen video / audio op internet bekijken, verbinding maken met een database en nog veel meer. Lees dus verder om te weten wat HTML5 heeft bedacht.

Om ons web te verbeteren, heeft HTML5 nieuwe elementen bedacht voor de basisstructuur, betere afhandeling, tekenen en betere media-inhoud.

Nieuwe structurele elementen

Bekijk de lijst met nieuwe structurele elementen in HTML5

Label	korte beschrijving
<artikel>	Gebruikt voor het definiëren van een artikel
<alside>	Definieert inhoud die afwijkt van de pagina-inhoud
<opdracht>	Voor het maken van een nieuwe opdrachtknop
<details>	Voeg wat extra details toe die een gebruiker kan bekijken of verbergen
<overzicht>	Zichtbare kop voor een <details> -element
<figuur>	Toont op zichzelf staande inhoud
<figcaption>	Bijschrift voor <figure> -element
<footer>	Wordt gebruikt om een voettekst in het document of de pagina in te voegen
<kop>	Wordt gebruikt om een koptekst in het document of de pagina in te voegen
<hgroup>	Koersniveaus beginnend bij H1 tot H6
<mark>	Gebruikt om de tekst te markeren of te markeren
<meter>	Scalaire meting
<nav>	Gebruikt om navigatielinks te definiëren
<vooruitgang>	Om de voortgang van een taak te tonen
<ruby>	Ruby Annotation
<rt>	Uitleg / uitspraak van karakters
<rp>	Wat moet worden weergegeven in browsers die robijnrode annotaties niet ondersteunen
<sectie>	Sectie in een document
<tijd>	Gebruikt om datum / tijd in te voegen
<wbr>	Regeleinde

Nieuwe media-elementen

Label	korte beschrijving
<audio>	Voegt geluidsinhoud in
<video>	Voegt video of film in
<bron>	Voegt meerdere mediabronnen in voor <video> en <audio>
<embed>	Gebruikt om iets in te bedden

Nieuwe formulierelementen

Label	Beschrijving
<datalist>	Lijst met vooraf gedefinieerde opties voor invoerbesturingen
<keygen>	Veld voor generator van sleutelparen
<output>	Het resultaat van een berekening

Het nieuwe <Canvas> -element

Dit is een goed element; het wordt in feite gebruikt om afbeeldingen te tekenen door scripting uit te voeren met JavaScript. Dit is een erg handige functie; je zou het graag willen coderen.