Hoe HTML-adrestag te gebruiken?

Hoe Html Adrestag Te Gebruiken



De ' ”-tags geven semantische betekenis aan de contactgegevens van de auteur, eigenaar of entiteit die aan een document is gekoppeld. De tekst in de ' ” wordt cursief weergegeven op de webpagina. Ontwikkelaars gebruiken het meestal om informatie weer te geven zoals een fysiek of postadres, e-mailadres, telefoonnummer, website-URL, enz. Dit artikel demonstreert de uitleg van de HTML-adrestag.

Hoe een HTML-adrestag gebruiken?

De ' ” kan worden gebruikt met andere tags zoals “ ”, “ ”, “ ” enz. Het verbetert de toegankelijkheid en zoekmachineoptimalisatie vanwege de semantische aard en zorgt tegelijkertijd voor onderhoudbaarheid en consistentie. De adrestag kan worden gebruikt op contactpagina's, voettekstsecties en bij het illustreren van auteursinformatie van een blog of artikel, enz.







Bezoek het onderstaande praktijkvoorbeeld voor een beter begrip:



< lichaam >
< div klas = 'adresStyling' >
< adres >
Geschreven door < A href = 'https://linuxhint.com/' > Anoniem A > . < br >
Bezoek ons ​​op: Metaverse < br >
linuxhint.com < br >
Nergens, Melkweg < br >
Multiversum
adres >
div >
lichaam >


In het bovenstaande codeblok:



    • In eerste instantie de ouder
      ”-tag wordt gemaakt in de “ ' label.
    • Vervolgens wordt de klas met de naam ' adresStyling ” is toegewezen aan de recent aangemaakte “ div ”-element.
    • Gebruik daarna de ' '-tag en bevat dummy persoonlijke gegevens.

Na de uitvoering en het opnieuw weergeven wordt de webpagina als volgt weergegeven:






De uitvoer laat zien dat de inhoud binnen de tag '

' is weergegeven met een vooraf gedefinieerde stijl.

Om de inhoud van de '

'-tag vorm te geven, worden CSS-eigenschappen gebruikt zoals hieronder:



< stijl >
.adresStyling {
marge: 20px;
kleur: rood ;
lettergrootte: x-groot;
font-familie: montserrat;
}
stijl >


In het bovenstaande codeblok:

    • Eerst de ouder “ div 'elementklasse' adresStyling ' is geselecteerd.
    • Vervolgens de waarden van ' 20px ' En ' rood ” worden verstrekt aan de CSS “ marge ' En ' kleur ” eigenschappen, respectievelijk.
    • Pas uiteindelijk het lettertype aan door ' x-groot ' En ' Montserrat ' waarden naar de CSS ' lettertypegrootte ' En ' font-familie ” eigenschappen, respectievelijk.

Na het toevoegen van CSS-eigenschappen ziet de uiteindelijke uitvoer er nu als volgt uit:


De uitvoer laat zien dat aangepaste styling is toegepast.

Alternatief: gebruik van -tag

De ' ” tag wordt gebruikt om de aandacht van de gebruiker af te leiden naar het specifieke deel van de gegevens of informatie. Het verandert de tekststijl in ' cursief ', wat de tekst uniek maakt en de aandacht van de gebruiker trekt. Het kan handig zijn voor het aangeven van citaten, boektitels of andere gevallen waarin een duidelijke visuele weergave gewenst is. Volg de onderstaande code:

< P >
< i stijl = 'lettergrootte:x-groot;' > Linux i > is in het cursieve formaat gebruiken 'i' label
P >


Na de compilatie van het bovenstaande codeblok:


De uitvoer laat zien dat dezelfde stijl is toegepast met behulp van de ' ' label.

Conclusie

De ' ” tag wordt specifiek gebruikt om de persoonlijke gegevens van de auteur of een entiteit op de webpagina weer te geven. Het is een semantische tag die ook veel helpt bij het proces van SEO. De gegevens in de ' ”-tag wordt cursief weergegeven op de webpagina. Bovendien kunnen de CSS-eigenschappen ook worden gebruikt om aangepaste styling toe te passen. Dit artikel heeft de uitleg van de HTML

-tag gedemonstreerd.