Wat is een HTML-span-tag?
Hyper Text Markup Language (HTML) is een gespecialiseerde set computercodes die worden gebruikt om te bepalen hoe een webpagina wordt weergegeven. Elk element is getagd met een specifieke code zodat de browser de tekst weergeeft zoals de tagger het heeft bedoeld. De span-tag wordt aangegeven met en wordt gebruikt om een haak aan een specifiek gedeelte van de tekst toe te voegen.
De html span-tag is vergelijkbaar met de logische divisie of div- tag. Beide worden gebruikt met Cascading Style Sheets (CSS), een taal die webontwikkelaars gebruiken om stijleigenschappen toe te wijzen aan html-, xhtml- en xml-webdocumenten. Het gebruik van CSS maakt het mogelijk om de inhoud te scheiden van de presentatie-elementen, zoals lay-out, lettertype en kleur. Dit maakt inhoud toegankelijker en presentatie flexibeler.
De html span-tag brengt geen actieve wijziging aan in de aangegeven tekst, in tegenstelling tot tags die de kopgrootte, alinea of tekstkleur aangeven. In plaats daarvan wordt deze tag gebruikt om een deel van HTML samen te voegen en om wat andere informatie aan dat deel te koppelen. De html div-tag werkt op dezelfde manier, maar elke tag heeft een ander doel.
De div-tag verdeelt een webpagina in grote secties. Het gebruik ervan stelt ontwikkelaars in staat om de stijl van een groot deel van de HTML-code te definiëren. Met de div-tag komt de mogelijkheid om de getagde secties een naam te geven, zodat ze gemakkelijk kunnen worden behandeld in CSS. Merk op dat de html div-tag paragrafen breekt. Met andere woorden, je hebt misschien alinea's binnen een sectie gemarkeerd met div, maar je mag geen div binnen een alinea hebben.
De html span-tag is vergelijkbaar met de div-tag omdat deze een gedeelte van de tekst omsluit. Zonder stijlattributen verandert het de ingesloten tekst niet. doet geen opmaak zonder kenmerktags, waarbij div onderbrekingen bevat.
Drie handige attributen die kunnen worden gebruikt met de html span-tag zijn style, class en id. Door span te gebruiken, kan een specifiek kenmerk aan een klein gedeelte van de tekst worden gekoppeld. Als bijvoorbeeld een zin is geschreven in een niveau 1 kop en het laatste woord moet rood zijn, kan de html span tag worden gebruikt om dit te bereiken. Zie onderstaand voorbeeld.
levert dit resultaat op:
Dit moet rood zijn
Door het gewenste woord te omsluiten met de html-span-tag, is het kenmerk - in dit geval de kleur rood - beperkt tot het aangegeven enkele woord. Opgemerkt moet worden dat de html-span-tag zich in de alinea- of div-tags bevindt. Zoals bij alle html-tags moet u het element sluiten om het goed te laten werken.