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

Vertrouwd maar nog onbekend, of helemaal nieuw, het gebeurt dat we gedeelten van de HTML-syntax missen die mogelijk belangrijke kennis blijken te zijn die we goed kunnen gebruiken . Dat is de reden waarom, of het nu de nieuwe functies van HTML zijn of de minder bekende toepassingen die nog niet op uw radar zijn gekomen, we ze vrij vaak op deze site behandelen.

In de post van vandaag zullen we vijf HTML-elementen bekijken, waarvan je sommige vaak zult gebruiken, maar waarschijnlijk niet op zijn volledige potentieel .

1.

De element heeft een soortgelijke functie als de data-* attributen . Het kan worden gebruikt om machinaal leesbare gegevens te leveren voor gebruiksvriendelijke inhoud. Het value 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 wordt het ISBN-nummer van elk boek toegevoegd aan het waardeattribuut van de element dat de titel van het boek 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 haalt het bovenstaande script de ISBN's uit de tag en toont ze, samen met de boektitels, op een aangewezen plaats op de pagina.

Hoogstwaarschijnlijk bent u al bekend met het element, maar het is niet alleen voor selectievakjes . Het kan ook andere labelbare elementen besturen, door hun acties uit te voeren, net zoals het de acties van selectievakjes uitvoert.

U hoeft alleen dezelfde waarde te gebruiken voor het id kenmerk van het HTML-element dat u wilt beheren en het attribuut van de bijbehorende tag.

 Klik op de onderstaande knop om op deze tekst te klikken. ALERT 

Als u op de tekst klikt, wordt de klikgebeurtenis geactiveerd en wordt het opgegeven waarschuwingsbericht weergegeven.

3.

Dit element wordt meestal gebruikt voor Oost-Aziatische talen, maar dit is niet het enige gebruik. Het doel van is gewoon om annotaties of uitspraak toe te voegen voor teksten, en je kunt dat ook doen met Engelse inhoud.

Het element omvat twee hoofdsubelementen, namelijk en . De tag bevat de tekst die u wilt annoteren (de basistekst genoemd) 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à ‰  ™ à <Ana ‰  ™ à <  ; een promotor in de entertainmentindustrie.

De uitspraak van het woord "ondernemer" wordt toegevoegd met behulp van de element in de alinea . Het woord zelf is ingepakt in de tag en de uitspraak in .

Dit is hoe de uitvoer eruit ziet:

De

element voor geordende lijsten is een ander element waarmee u bekend bent. Het maakt een lijst met 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, kan de aflopende nummering ook worden uitgevoerd door

, met behulp van het reversed kenmerk .

gekrabbel
Mahjong
Monopoly
Schaak
Jenga

Het reversed attribuut keert de nummering om, terwijl het typekenmerk het type nummering bepaalt . Het hoofdletter I staat voor hoofdromeinse nummering.

Zo ziet het eruit op het scherm:

5.

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

U kunt de definitie van de term binnen in de waarde van het titelkenmerk toevoegen, wat handig is om woorden te definiëren die niet noodzakelijkerwijs worden gedefinieerd door de omringende tekst .

Het element werkt op dezelfde manier waarop de betekenis wordt weergegeven van een afkorting in het titelkenmerk wanneer de gebruiker boven het element zweeft.

Er is een dichotomie tussen het ontwerp en het prototype.

Dit is de standaard browserstijl, maar op een productiesite kunt u een andere stijl gebruiken:

Wanneer u de cursor op het gedefinieerde woord plaatst, geeft de pagina de definitie weer die is toegevoegd in het titelattribuut .


Hoe een zip-bestand te verbergen in een afbeelding op de Mac [Quicktip]

Soms wilt u gevoelige bestanden verbergen voor nieuwsgierige blikken. Je zou ze kunnen versleutelen, maar codering en decodering kost tijd en de bestanden die ze achterlaten maken het duidelijk dat je iets te verbergen hebt .In deze quicktip laten we u een eenvoudige manier zien om uw bestanden in het zicht van uw Mac te verbergen

(Technische en ontwerptips)



Waarom software-outsourcing anders werkt dan u denkt [op-ed]

Noot van de redactie : dit is een post geschreven door Filip Jaskiewicz voor Hongkiat.com. Filip is de COO van Magently, een betrouwbaar en ervaren ontwikkelingsbureau voor het Magento eCommerce-platform.Uitbestedingsbedrijven worden meestal gezien als een mankrachtreservoir, zonder eigen positie. Als onderdeel van een dergelijk bedrijf ben ik echter van mening dat deze mening niet meer geldig is

(Technische en ontwerptips)