Inhoudsopgave:
- Jelly Rancher
- Gespecialiseerd in
Jellyfish Aquariums - Dit is een kop voor de eerste sectie
- Dit is een kop voor de tweede sectie
Video: Aaron Koblin: Artfully visualizing our humanity 2024
gebruiken Wanneer u in HTML5 werkt, leert u tags heel goed kennen. U plaatst alle inhoud die u bezoekers wilt laten zien, alles wat wordt weergegeven in een webbrowser, in body van uw webpagina, tussen de openings- en de sluittags.
Binnen de tags kunt u nog steeds alle tags van eerdere HTML-versies gebruiken (met een paar opmerkelijke uitzonderingen).
In de volgende secties ontdekt u de belangrijkste nieuwe structurele HTML5-tags die u kunt gebruiken in de hoofdtekst van uw webpagina's. HTML5 introduceert nieuwe structurele tags, die ook semantische tags worden genoemd, omdat ze meer betekenis aan HTML-code toevoegen door elk type inhoud dat ze opmaken beter te identificeren.
Dit zijn de nieuwe structurele tags die in HTML5 zijn geïntroduceerd:
-
- Definieert de koptekst van een sectie of pagina. De header-tag is de ideale plaats voor de naam van de site.
Hier is de HTML-code die de koptekst vormt van alle interne pagina's in de voorbeeld Jelly Rancher-site. Opmerking: Deze code is enigszins gewijzigd voor de voorpagina om ruimte te bieden aan de grotere afbeelding in de kop.
Jelly Rancher
Gespecialiseerd in
Jellyfish Aquariums
-
- Definieert de belangrijkste navigatielinks op een pagina of sectie. De belangrijkste navigatielinks worden meestal direct na de koptekst geplaatst en vervolgens onderaan de pagina herhaald.
Volg binnen de tag de algemene conventie van het opmaken van onze lijst met links met een ongeordende lijst, met de tag
-
om de volledige lijst met links in de tags te omringen en vervolgens elk navigatie-element een afzonderlijk lijstitem te maken met de tag
- .
-
en - Gebruik deze tags om elk artikel of een ander gedeelte van een pagina te definiëren.
In het voorbeeld van de Jelly Rancher-site is het volgende element het hoofdgedeelte van de inhoud van de pagina. Voor dit gedeelte van de pagina kunt u de tag of de tag gebruiken. U kunt deze twee tags onderling uitwisselbaar gebruiken. U kunt dus een sectie met meerdere artikelen erin opnemen. Of u kunt een artikel hebben met meerdere secties.
Hoe dan ook, zorg ervoor dat u bij het gebruik van deze tags delen van de pagina definieert die op een zinvolle manier samengaan. In het codevoorbeeld dat volgt, definieert de tag de hoofdinhoud en scheidt de tag secties in het artikel:
Dit is een kop voor de eerste sectie
inhoud
meer inhoud …
Dit is een kop voor de tweede sectie
inhoud
meer inhoud …
-
- Definieert de voettekst voor elke sectie of pagina.U kunt de tag binnen een sectie of een artikeltag gebruiken, maar deze wordt meestal helemaal onder aan een pagina gebruikt. Meestal bevat het voetgedeelte veel juridische tekst.
U weet hoe wanneer u een van die creditcardaanbiedingen in de e-mail ontvangt, het al die kleine wetteksten bevat? Het semantische idee achter de tag is hetzelfde. In HTML5 kunt u de kleine tag in de footer-container gebruiken om legalese te formatteren, zoals auteursrechtinformatie, waardoor deze in kleine tekst wordt weergegeven zonder dat het belang daarvan semantisch wordt verminderd.
U kunt alle tags in de voorgaande lijst meer dan eens in een document gebruiken. U kunt bijvoorbeeld elk een binnenkant hebben. Zorg er wel voor dat je nooit een ander binnenin plaatst.
- .