Skip to main content

Wat zijn de nieuwe functies in HTML 5?

WAT GEBEURT ER ALS JE SLIJM IN WATER GOOIT?! || Nieuwe serie (April 2025)

WAT GEBEURT ER ALS JE SLIJM IN WATER GOOIT?! || Nieuwe serie (April 2025)
Anonim

HTML 5 voegt veel nieuwe functies toe aan de HTML-specificatie en het is eenvoudig om het te implementeren. U gebruikt het HTML 5-doctype, dat eenvoudig en gestroomlijnd is:

Ja, dat is het. Slechts twee woorden "doctype" en "html." Het kan zo simpel zijn omdat HTML 5 niet langer deel uitmaakt van SGML, maar in plaats daarvan alleen een opmaaktaal is.

De tekenset voor HTML 5 is ook gestroomlijnd. Het gebruikt UTF-8 en u definieert het met slechts één metatag:

HTML 5 nieuwe structuur

HTML 5 herkent dat webpagina's een structuur hebben, net zoals boeken en andere XML-documenten een structuur hebben. Over het algemeen hebben webpagina's navigatie, inhoud van het lichaam, zijbalkinhoud, kopteksten, voetteksten en andere functies. HTML 5 heeft tags om die elementen van de pagina te ondersteunen. Zij zijn:

  • definieert secties van pagina's.
  • definieert de koptekst van een pagina.
  • bepaalt de voettekst van een pagina.
  • definieert de navigatie op een pagina.
  • definieert het artikel of de primaire inhoud op een pagina.
  • definieert extra inhoud zoals een zijbalk op een pagina.
  • definieert afbeeldingen die een artikel annoteren.

HTML 5 Nieuwe inline-elementen

De nieuwe inline-elementen definiëren enkele basisconcepten en houden ze semantisch gemarkeerd:

  • geeft inhoud aan die op de een of andere manier is gemarkeerd.
  • geeft inhoud aan die een tijd of datum is.
  • geeft inhoud aan die een fractie is van een bekend bereik, zoals schijfgebruik.
  • geeft de voortgang van een taak naar voltooiing aan.

Ondersteuning voor HTML 5 nieuwe dynamische pagina's

HTML 5 is ontwikkeld om ontwikkelaars van webtoepassingen te helpen, dus er zijn veel nieuwe functies waarmee u eenvoudig dynamische HTML-pagina's kunt maken:

  • Contextmenu's - HTML 5 ondersteunt het maken en gebruiken van contextmenu's op webpagina's en in applicaties.
  • href is niet vereist voor een tag. Hiermee kunt u een tag met scripts en in webtoepassingen gebruiken zonder een plaats nodig te hebben om dat anker te verzenden.
  • async-kenmerk - Dit wordt toegevoegd aan de scripttag om de browser te vertellen dat het script asynchroon moet worden geladen, zodat het de belasting en weergave van de rest van de pagina niet vertraagt.
  • - Dit biedt details over een element. Dit zou lijken op tooltips in niet-webapplicaties.
  • maakt een tabel die is opgebouwd uit een database of een andere dynamische bron.
  • is een oud label dat is teruggebracht en nieuw leven is ingeblazen zodat je een menusysteem op je webpagina's kunt maken.
  • definieert acties die zouden moeten plaatsvinden wanneer een dynamisch element wordt geactiveerd.

HTML 5 nieuwe formuliertypen

HTML 5 ondersteunt alle standaard formulierinvoertypen, maar voegt er nog een paar toe:

  • datum Tijd
  • datetime-local
  • datum
  • maand
  • week
  • tijd
  • aantal
  • reeks
  • e-mail
  • url

HTML 5 Nieuwe elementen

Er zijn een paar opwindende nieuwe elementen in HTML 5:

  • - Dit element geeft je een tekenruimte in JavaScript op je webpagina's. Het kan afbeeldingen of grafieken toevoegen aan tooltips of dynamische grafieken maken op uw webpagina's, on the fly gebouwd.
  • - Voeg video toe aan uw webpagina's met deze eenvoudige tag.
  • - Geluid toevoegen aan uw webpagina's met deze eenvoudige tag.

HTML 5 verwijdert enkele elementen

Sommige elementen in HTML 4 worden niet langer ondersteund door HTML 5. De meeste zijn al verouderd en moeten niet verrassend zijn. Zij zijn:

  • acroniem
  • applet
  • basefont
  • groot
  • centrum
  • dir
  • doopvont
  • montuur
  • frameset
  • isindex
  • noframes
  • noscript
  • s
  • staking
  • tt
  • u