5 HTML-elementen waarvan u niet zeker weet hoe u ze moet gebruiken

Vertrouwd maar nog onbekend, of helemaal nieuw, het gebeurt dat wij missen delen van de HTML-syntaxis dat kan belangrijke kennis blijken te zijn die we kunnen goed gebruikt. Dat is waarom of het de nieuwe functies van HTML of de minder bekende toepassingen die nog niet op je radar zijn gekomen, we behandelen ze vrij vaak op deze site.

In het bericht van vandaag zullen we vijf HTML-elementen bekijken, waarvan sommige vaak worden gebruikt, maar waarschijnlijk niet op zijn volledige potentieel.

1.

De element heeft een soortgelijke functie als de gegevens-* attributen. Het kan worden gebruikt om voorzien van machinaal leesbare gegevens voor een gebruiksvriendelijke inhoud. De waarde attribuut van dit element bevat de toegevoegde informatie.

 
De drie delen van de roman Lord of the Rings zijn: The Fellowship of the Ring, De twee torens, en De terugkomst van de koning.
 
ISBN-nummers van de boeken die op deze pagina worden vermeld: 
 

In de bovenstaande HTML, de ISBN van elk boek is toegevoegd in de waarde attribuut van de element dat de boektitel omsluit. Op de boekenmarkt wordt ISBN gebruikt om een ​​boek uniek te identificeren.

 const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data'); const ary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') 

Om u ongeveer te laten zien hoe u de waarden in JavaScript, het bovenstaande script haalt de ISBN's uit de label en geeft ze samen met de boektitels weer op een aangewezen plaats op de pagina.

2.

Hoogstwaarschijnlijk bent u al bekend met de element, maar het is niet alleen voor selectievakjes. Het kan controle over andere labellable elementen evenals het uitvoeren van hun acties, net zoals het de acties van selectievakjes uitvoert.

Dat hoeft alleen maar gebruik dezelfde waarde voor de ID kaart attribuut van het HTML-element dat u wilt beheren en de voor attribuut van het erbij horen label.

  Als u op deze tekst klikt, klikt u op de onderstaande knop.   ALERT  

Klikken op de tekst van zullen trigger de Klik evenement van en toon het gegeven waarschuwingsbericht.

3.

Dit element is meestal gebruikt voor Oost-Aziatische talen, dit is echter niet”t zijn enige use case. Het doel van is gewoon om voeg annotatie of uitspraak voor teksten toe, en je kunt dat ook doen met Engelse content.

Het element omsluit twee hoofd subelementen, namelijk en . De tag bevat de tekst die u wilt annoteren (genaamd de baseren tekst) en houdt de annotatie zelf vast.

 
Iemand die een bedrijf of bedrijf opricht en financiële risico's neemt in de hoop op winst, wordt genoemd ondernemerà ??  ?? à ?? Â'ntrà ??  ?? prà ??  ?? à ??  ?? nà ?? â ?? â ??  ??; een promotor in de entertainmentindustrie.
 

De uitspraak van de “ondernemer” woord is toegevoegd de ... gebruiken element in de alinea. Het woord zelf is ingepakt in de tag en de uitspraak in .

Dit is hoe de uitvoer eruit ziet:

4.

De

element voor geordende lijsten is een ander element waarmee je bekend bent. Het maakt een lijst die heeft genummerde elementen, in tegenstelling tot een ongeordende lijst gemaakt met
.

U wist misschien van de bestelling, maar wist u dat de bestelling kan worden teruggedraaid? In plaats van een oplopende volgorde, aflopende nummering kan ook worden uitgevoerd door

, de ... gebruiken omgekeerd attribuut.

 
 
gekrabbel
 
Mahjong
 
Monopoly
 
Schaak
 
Jenga
 
 

De omgekeerd attribuut keert de nummering om, Terwijl de type attribuut bepaalt het type nummering. Het hoofdletter I staat voor hoofdromeinse nummering.

Zo ziet het eruit op het scherm:



5.

De element is bedoeld om omloop een term die wordt gedefinieerd door de omringende tekst. De tekst ingesloten door de tag is gestileerd door browsers met cursief, wat betekent dat dit de term is die wordt gedefinieerd.

U kunt de definitie van de term binnen toevoegen in de waarde van zijn titel attribuut, wat handig is om definieer woorden die niet noodzakelijkerwijs worden gedefinieerd door de omringende tekst.

De element werkt op dezelfde manier als die de betekenis weergeeft van een afkorting in zijn titel attribuut wanneer de gebruiker boven het element zweeft.

 
Er is een  dichotomie  tussen het ontwerp en het prototype.
 

Dit is het standaard browser-styling, Op een productiesite wilt u misschien een andere stijl gebruiken:



Door de cursor over het gedefinieerde woord te bewegen, zal de pagina dat doen toon de definitie toegevoegd in de titel attribuut.