De basis van semantiek

Semantiek is een woord dat menig ontwerper in het hart raakt, maar het hoeft geen moeilijk of ingewikkeld onderwerp te zijn. Het gaat om een ​​zinvolle uitdrukking, het vermijden van presentatie-opmaak en waar mogelijk het gebruik van geschikte en betekenisvolle tags.

In wezen is het ontwerpen en schrijven van HTML-code op een semantische manier net zo eenvoudig als uw HTML bezig houden met de inhoud van de pagina en niet met de lay-out. Enkele van de eenvoudige stappen hieronder zullen u helpen ervoor te zorgen dat u semantisch aangenaam blijft voor zoekmachines, spinnen en bezoekers

Verken Envato Elements

Titel-tag

Zorg ervoor dat de tag van uw paginatitel beschrijvend en betekenisvol is. Zorg ervoor dat het voor elke pagina van uw site verandert om de inhoud op die pagina weer te geven.

Koppen

Het is mogelijk om de koppen van uw pagina te definiëren met div- en span-tags, maar dat betekent niet dat het een kop is. Het gebruik van h1 tot h6-tags om de koppen op uw pagina te differentiëren en vorm te geven, is veel beter.

Tabellen en formulieren

Tabellen en formulieren zijn standaard niet erg semantisch en kunnen zeer algemeen zijn. Ze zijn ook niet toegankelijk voor mensen die niet-standaard browsers gebruiken. Zorg ervoor dat u voor tabellen de thead-tag gebruikt om de kolommen van uw tabel uit te leggen. Houd voor formulieren vast aan het gebruik van de label-tag om te beschrijven waar elke invoer, checkbox enz. Voor is.

Afbeeldingen

Het lijkt alsof het keer op keer wordt gezegd, maar gebruik attributen voor al je afbeeldingen om ervoor te zorgen dat ze worden beschreven binnen de pagina-inhoud - zowel ten behoeve van zoekmachines als gehandicapte gebruikers.

Lijkt recht vooruit ... maar waarom?

Het gebruik van semantische code zal uw website er niet anders uit laten zien en het zal uw lezers op geen enkele manier direct ten goede komen. Een direct effect dat u mogelijk ziet, is dat zoekmachines uw website op een correctere en effectievere manier spinnen.

Semantische codering maakt ook de weg vrij voor de toekomst. Nieuwe apparaten, software en applicaties zullen er de komende 5, 10, 100 jaar zijn die nog steeds de inhoud op internet gebruiken om ze van stroom te voorzien. Semantiek zet de standaard waar toekomstige systemen zich aan zullen houden en interpreteren, dus maak jezelf toekomstbestendig!

© Copyright 2024 | computer06.com