10 zeldzame HTML-tags die u echt moet weten

Webontwikkelaars worden tegenwoordig vaak geacht te weten en werken in meerdere talen. Dientengevolge is het lastig om alles wat een taal te bieden heeft te leren kennen en om jezelf gemakkelijk te vinden en niet het volledige potentieel te gebruiken van een aantal meer gespecialiseerde maar erg nuttige tags..

Helaas hebben we nog niet zo lang het volledige potentieel van deze meer obscure HTML-tags aangeboord. Maar het is nooit te laat om terug te gaan naar het spel en begin met het schrijven van code die gebruikmaakt van de kracht van sommige te weinig gebruikte tags.

Hier zijn tien van de meest onderbenutte en verkeerd begrepen tags in HTML. Hoewel ze misschien minder bekend zijn, zijn ze in bepaalde situaties nog steeds erg handig.

1.

We zullen allemaal bekend zijn met de

tag, maar wist je dat
zijn kleine broertje ? kunt u de tekst binnen het element als referentie definiëren. Meestal zal de browser de tekst binnen in de tag in cursief, maar dit kan worden gewijzigd met een vleugje CSS.

De tag is erg handig voor het citeren van bibliografische en andere sitereferenties. Hier is een voorbeeld van het gebruik van de cite-tag in een alinea:

Het doorbraakorganisatieboek van David Allen Dingen gedaan krijgen heeft het web stormenderhand veroverd.

2.

De tag is een geweldige manier om een kleine definitie toe te voegen tussen groepen opties binnen een select box. Als u bijvoorbeeld filmvermeldingen op tijd wilt groeperen, ziet het er als volgt uit:

Aanvangstijden

Live demonstratie:

Aanvangstijden

Hierdoor kan de selectielijst de filmoverzichten visueel scheiden.

3.

De tag is een manier om een groep woorden te definiëren of verder uit te leggen. Wanneer u de muisaanwijzer op tekst plaatst die de tag gebruikt, verschijnt een vak hieronder met de tekst van de title-tag. Bijvoorbeeld:

De microblogging-site tjilpen heeft onlangs moeite gehad met uitvaltijden.

Live demonstratie:

SEO zit vol bedrog en magie.

4.

De
tag is een tamelijk obscure kleine tag, maar dat betekent niet dat het niet nuttig is! Zoals de naam impliceert,
kunt u semantisch adressen opmaken in HTML. De handige kleine tag zal ook alle gegevens tussen de haakjes cursiveren, hoewel de stijl eenvoudig kan worden gewijzigd via eenvoudige CSS.

Glen Stansberry 1234 Web Dev Lane Anywhere, VS.

5. en

Als u bewerkingsherzieningen wilt weergeven met met opmaak, en ~~zijn slechts het ticket. Zoals de naam al aangeeft, markeert wat er met een onderstreping aan het document is toegevoegd, en ~~laat zien wat er is weggehaald met een doorstreepje.~~~~

John ~~sympathieën~~ LOVES zijn nieuwe iPod.

Live demonstratie:

John ~~sympathieën~~ zijn nieuwe iPod.

6.

Vormelementen lijken het gemakkelijkst te vergeten bij het markeren van een document. Van de formulierelementen is een van de meest vergeten de label. Het is niet alleen een snelle manier om de tekst van het label te noteren, de tag kan ook een "voor" -attribuut doorgeven om aan te geven welk element het label moet krijgen. Niet alleen deze tags die geweldig zijn voor styling, ze laten je ook toe om de titel klikbaar te maken voor het bijbehorende element.

Gebruikersnaam

7.

Veldset is een handig klein kenmerk dat u aan uw formulieren kunt toevoegen om formulierelementen logisch te groeperen. Zodra de
tag tekent een vak rond de elementen binnen de veldset. Bonuspunten voor het toevoegen van een tag in de veldset om de titel van de groep te definiëren.

Ben je slimmer dan een 5e grader? Ja Nee

Live demonstratie:

8.

De tag lijkt veel op de tag, behalve de tag wordt alleen gebruikt om verkorte woorden te definiëren. Net als , u definieert een titel binnen de tag. Wanneer een bezoeker over de afgekorte tekst zweeft, wordt de volledige definitie hieronder weergegeven. De tag wordt zelden gebruikt, maar de voordelen zijn talrijk voor schermlezers, spellingscontroles en zoekmachines.

Sgt. Pepper's Lonely Hearts Club is mijn favoriete album.

Live demonstratie:

Sgt. Pepper's Lonely Hearts Club is mijn favoriete album.

9. rel

Rel kan een zijn waanzinnig handig attribuut, omdat op elk HTML-element een rel kan worden toegepast. Het is handig voor het doorgeven van extra variabelen die niet op een andere manier zijn opgegeven. Dit is handig als u Javascript gebruikt met uw HTML. Als u een link hebt die u inline wilt bewerken, kunt u het volgende toevoegen:

Deze link is bewerkbaar

Het Javascript zoekt mogelijk naar een link met het rel-attribuut "klikbaar", en het weet Ajax toe te passen en toe te staan dat het inline wordt bewerkt. Dit is een van de vele technieken die u kunt gebruiken met het rel-kenmerk, omdat de mogelijkheden eindeloos zijn.

10.

De tag is een ongelooflijk obscure tag. Om eerlijk te zijn, ik betwijfel of velen van jullie in contact zijn gekomen met het label, omdat het bijna nooit wordt gebruikt. (Eerlijk gezegd had ik de tag nog niet gezien voordat ik aan dit artikel begon te werken.) In essentie kun je met de tag een plaats opgeven waar je denkt dat een regeleinde nuttig kan zijn, maar alleen als dat nodig is. Deze tag is uniek omdat het afhankelijk is van de discretie van de browser om indien nodig de linebreak in te voegen. Het is perfect voor het maken van lay-outs die u wilt vermijden horizontale schuifbalken te hebben.

Als u hetzelfde effect wilt bereiken, maar zonder de tag, je zou ook kunnen proberen of -. Opgemerkt moet worden dat geen van deze tags volledige ondersteuning biedt voor alle browsers. Bekijk dit artikel van Quirksmode om te zien in welke browsers de tags worden ondersteund.

How do you say Supercalifragilisticexpialidocious?

Code