Programming

Wat is nieuw in HTML5? 9 elementen die u moet kennen

Wat is nieuw in HTML5? 9 elementen die u moet kennen / Programming

HTML5 is het nieuwste en beste Wat is HTML5 en hoe verandert het de manier waarop ik blader? [MakeUseOf Explains] Wat is HTML5 en hoe verandert het de manier waarop ik blader? [MakeUseOf Explains] In de afgelopen paar jaar hebt u de term HTML5 af en toe wel eens gehoord. Of u nu iets weet over webontwikkeling of niet, het concept kan enigszins vaag en verwarrend zijn. Vanzelfsprekend, ... Lees meer versie van de meest gebruikte markup-taal op het web. Er zijn enkele grote veranderingen ten opzichte van de laatste versie van de taal en als je ze niet gebruikt, mis je een aantal echt coole functies.

We hebben niet de ruimte om elk nieuw element in de vijfde versie van HTML te behandelen, maar deze negen zijn enkele van de belangrijkste. Raadpleeg W3Schools voor meer informatie over de nieuwe elementen en API's in HTML5.

Een inleiding tot semantische elementen

Net als veel van het internet is HTML5 verschoven om zich te concentreren op semantiek. In plaats van dat tags gewoon worden gebruikt voor opmaak, worden ze ook gebruikt om browsers en zoekmachines te vertellen Top 7 Semantic Search Engines als alternatief voor Google Top 7 Semantic Search Engines als een alternatief voor Google Lees meer de betekenis van wat ze omringen.

Bijvoorbeeld,

vertelt een browser eenvoudigweg dat het een alinea bevat.

, die we kort zullen bespreken, vertelt een browser dat deze de hoofdinhoud van de pagina bevat.

Het semantische web is nog in ontwikkeling en we zijn nog maar net begonnen aan het oppervlak van wat het kan doen. HTML5 helpt om semantische markup te brengen. Wat semantische markup is en hoe het internet voor altijd zal veranderen [technologie verklaard] Wat semantische markup is en hoe het zal veranderen Het internet zal voor altijd [uitleg van technologie] Lees meer voor een veel groter deel van het internet, en dat kan alleen maar goed zijn voor de toekomst van semantische verwerking.

1.

De

tag definieert “onafhankelijke, op zichzelf staande inhoud.” Het gemakkelijkste voorbeeld is natuurlijk een artikel. Voor dit specifieke artikel openen we de tag vóór de introductie en sluiten deze na de conclusie.

 Alle tekst in uw onafhankelijke hoofdstuk.

Maar er zijn ook andere manieren om het te gebruiken. Veel kookblogs bevatten bijvoorbeeld persoonlijke verhalen over hoe een recept tot stand kwam of waarom het belangrijk is voor de schrijver. Het wordt dan gevolgd door het recept zelf. Je zou het argument kunnen aanvoeren dat elk van deze elementen alleen zou kunnen staan.

In een forum kan elke post of thread als zelfstandig worden beschouwd, en elk bericht kan worden gemarkeerd met een eigen bericht

label. Voor het grootste deel zal het worden gebruikt op de hoofdinhoud van een pagina. Maar houd er rekening mee dat je het ook creatiever kunt gebruiken.

2.

Nauw verwant aan

is
. Dit definieert a “thematische groepering van inhoud, meestal met een kop.” Zo
zal binnen zijn
... juist?

Niet noodzakelijk. W3 wijst erop dat dit afhangt van de structuur van uw site. Mogelijk hebt u op zichzelf staande inhoud in verschillende secties van uw pagina (denk bijvoorbeeld aan de voorpagina van een nieuwssite). U kunt dan secties in dat artikel hebben.

 
 
Waarom je een DAC nodig hebt
 
Alles klinkt beter.
 
 
 
Hoe een DAC instellen
 
Dit is wat je moet doen ...

U kunt zelfs secties in secties gebruiken als deze op uw pagina passen. Vergeet niet dat een gedeelte gewoon een is “thematische groepering van inhoud,” en je zult veel plaatsen vinden om het te gebruiken.

3.

Dit element “moet worden gebruikt als een container voor inleidende inhoud.” Kortom, het is het gedeelte van uw pagina dat mensen helpt te begrijpen wat ze gaan lezen.

Maar laat u niet misleiden: u kunt deze container meerdere keren gebruiken. U kunt het bijvoorbeeld gebruiken om de paginatitel en inleidende alinea van uw blogpost te identificeren. Maar je kunt het ook gebruiken om de inleidende inhoud van elke sectie te markeren.

 
 
Alles wat u moet weten over DAC's
 
Hier is een nuttige inleiding tot DAC's ... 
 
 De rest van je artikel komt hier.

Headersecties bevatten meestal minstens één heading-tag: H1, H2, enzovoort. Dat hoeft niet, maar in het algemeen geldt dat als u een heading-tag gebruikt, u goed kunt wedden dat u de header-inhoud meeneemt.

4.

W3 zegt dat footer-tags meestal de “auteur van het document, copyrightinformatie, links naar gebruiksvoorwaarden, contactinformatie, enz.” Je kunt het zien als de “huishouden” spul.

De documentatie vermeldt ook dat u meer dan één voettekstgedeelte op uw pagina kunt hebben. Het is echter waarschijnlijk een goed idee om al deze informatie op één locatie te bewaren.

5.

Deze tag bevat de navigatielinks voor een bepaalde pagina. Merk op dat alleen het navigatiegedeelte dit label krijgt, niet alle links op uw pagina. Het is voor navigatiebalken en soortgelijke gereedschappen.

Dit is een heel eenvoudige tag - dat is alles wat er is. Gebruik het om het navigatiegedeelte te definiëren en gebruik het niet opnieuw op uw pagina.

6.

Een van de meest interessante nieuwe elementen in HTML5 is de kanttekening. W3 geeft het de enigszins nutteloze definitie van “bepaalde inhoud, afgezien van de inhoud waarin deze is geplaatst.”

Kortom, een terzijde is alles dat gerelateerd is aan (maar gescheiden is van) de omringende informatie. Het kan een zijbalk zijn die details toevoegt aan uw inhoud. Wanneer het binnen een reeks wordt gebruikt

tags, biedt het aanvullende informatie die niet noodzakelijk is voor het begrijpen van de hoofdinhoud.

Als we bijvoorbeeld een zijbalk in dit artikel hadden opgenomen met informatie over de geschiedenis van HTML5, zou dat een kanttekening zijn.

Maar de