Een van de tags die u vroeg in uw ontwerpopleiding zult leren, is een paar tags die bekend staan als de 'emphasis-tags'. Laten we eens kijken naar wat deze tags zijn en hoe ze worden gebruikt in webdesign vandaag.
Terug naar XHTML
Als u HTML jaren geleden, ruim voor de opkomst van HTML5, hebt geleerd, hebt u waarschijnlijk zowel de vetgedrukte als cursieve tags gebruikt. Zoals je zou verwachten, maakten deze tags van elementen respectievelijk vetgedrukte of cursieve tekst. Het probleem met deze tags en waarom ze terzijde werden geschoven ten gunste van nieuwe elementen (waar we binnenkort naar zullen kijken), is dat ze geen semantische elementen zijn. Dit komt omdat ze bepalen hoe de tekst eruit moet zien in plaats van informatie over de tekst. Denk eraan, HTML (waar deze tags zouden worden geschreven) heeft alles te maken met structuur, niet met visuele stijl! Visuals worden afgehandeld door CSS en de beste werkwijzen voor webontwerp hebben lange tijd vastgehouden aan een duidelijke scheiding van stijl en structuur op uw webpagina's. Dit betekent dat er geen elementen worden gebruikt die niet-semantisch zijn en welke details er in plaats van structuur uitzien. Dit is de reden waarom de vetgedrukte en cursieve tags in het algemeen zijn vervangen door sterk (voor vet) en nadruk (voor cursivering).
en
De sterke en nadrukelementen voegen informatie aan uw tekst toe, die inhoud behandelt die anders zou moeten worden behandeld en benadrukt wanneer die inhoud wordt gesproken. U gebruikt deze elementen vrijwel op dezelfde manier als u in het verleden vet en cursief had gebruikt. Omzeil uw tekst eenvoudig met de openings- en sluitingslabels ( en voor nadruk en en voor sterke nadruk) en de bijgevoegde tekst zal worden benadrukt.
Je kunt deze tags nesten en het maakt niet uit wat de externe tag is. Hier zijn enkele voorbeelden.
Deze tekst wordt benadrukt en de meeste browsers zouden het als cursief weergeven.
Deze tekst wordt sterk benadrukt en de meeste browsers zouden het als vetgedrukt weergeven.
In beide voorbeelden dicteren we de visuele look niet met de HTML. Ja, het standaard uiterlijk van de tag zou cursief zijn en de zou vet zijn, maar die blikken zouden gemakkelijk in CSS veranderd kunnen worden. Dit is het beste van beide werelden. U kunt gebruikmaken van de standaardbrowserstijlen om cursief of vetgedrukte tekst in uw document te krijgen zonder dat u daadwerkelijk de grens overschrijdt en de structuur en stijl mengt. Stel dat je dat wou tekst moet niet alleen vetgedrukt zijn, maar ook rood zijn, u zou dit aan de CSS kunnen toevoegen sterk { kleur rood;} In dit voorbeeld hoeft u geen eigenschap toe te voegen voor het vetgedrukte lettergewicht, omdat dat de standaardwaarde is. Als je dat echter niet aan het toeval wilt overlaten, kun je het altijd toevoegen aan: sterk { lettertype: vet; kleur rood;} Nu zou u er alles aan doen om een pagina met vetgedrukte (en rode) tekst te hebben, waar dan ook tag wordt gebruikt. Een ding dat ik in het afgelopen jaar heb opgemerkt, is wat er gebeurt als je de nadruk probeert te verdubbelen. Bijvoorbeeld: Je zou denken dat deze regel een gebied zou produceren met tekst die vet en cursief is. Soms gebeurt dit inderdaad, maar ik heb gezien dat sommige browsers alleen de tweede van de twee nadrukstijlen respecteren, degene die het dichtst bij de daadwerkelijke tekst in kwestie ligt, en deze alleen cursief weergeven. Dit is een van de redenen waarom ik niet dubbel gebruik van de nadruklabels. Een andere reden om dit 'verdubbelen' te vermijden, is voor stilistische doeleinden. Een vorm van benadrukken als dit meestal genoeg is om de toon te geven die u wilt instellen. U hoeft niet vet, cursief, kleur, vergroot en onderstreept tekst om op te vallen. Die tekst, al die verschillende soorten nadruk, zou opzichtig worden. Dus wees voorzichtig bij het gebruik van nadruklabels of CSS-stijlen om de nadruk te leggen en overdrijf het niet. Nog een laatste gedachte - terwijl het vet () en cursief () tags worden niet langer aanbevolen om te worden gebruikt als nadrukelementen, er zijn enkele webontwerpers die deze tags gebruiken om inline tekstgebieden in te richten. Kortom, ze gebruiken het als een element. Dit is leuk omdat de tags erg kort zijn, maar het gebruik van deze elementen op deze manier wordt over het algemeen niet aanbevolen. Ik noem dit in het geval dat u het ziet op sommige sites die niet worden gebruikt om vetgedrukte of cursieve tekst te maken, maar om een CSS-haak te maken voor een ander soort visuele styling. Origineel artikel door Jennifer Krynin. Bewerkt door Jeremy Girard op 12/2/16. Verdubbel de nadruk
Deze tekst zou beide moeten hebben vetgedrukt en cursief tekst erin.
Een opmerking over vet en cursief
