5 HTML-elementer, du måske ikke ved, hvordan du bruger
Bekendt endnu ukendt, eller helt ny, sker det, at vi gå glip af dele af HTML-syntaksen Det kan vise sig at være vigtig viden, vi kan til nogen god brug. Det er derfor, om det er det nye funktioner i HTML eller dens mindre kendte applikationer der endnu ikke er kommet ind i din radar, dækker vi dem ganske ofte på dette websted.
I dagens indlæg ser vi på fem HTML-elementer, hvoraf nogle ofte kan bruges, men sandsynligvis ikke på sit fulde potentiale.
1.
Det element har en lignende funktion til data-* egenskaber. Det kan bruges til levere maskinlæsbare data for et brugervenligt indhold. Det værdi Attributten til dette element bærer de tilføjede oplysninger.
De tre bindinger af Ringenes Herre er: Ringens Sammenslutning, De To Tårne, og Kongens Retur.
ISBN'er af de bøger, der er nævnt på denne side:
I ovenstående HTML, den ISBN af hver bog er tilføjet i værdi attributten til element der omslutter bogtitlen. På bogmarkedet bruges ISBN til unikt at identificere en bog.
const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data'); constary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') For groft at vise dig, hvordan man ekstraherer værdier i JavaScript, ovenstående script uddrag ISBN'erne fra tag og viser dem sammen med bogtitlerne på et bestemt sted på siden.
2.
Mest sandsynligt er du allerede bekendt med element, men det er det ikke kun for afkrydsningsfelter. Det kan kontrollere andre labellable elementer samt udføre deres handlinger ligesom det udfører handlingerne i afkrydsningsfelter.
Du skal kun brug samme værdi for id attribut af HTML-elementet du vil kontrollere og til egenskab af tilhørende tag.
Klikker på teksten til vilje udløse klik begivenhed af og vis den givne advarselsmeddelelse.
3.
Dette element er mest anvendt til østasiatiske sprog, dog dette er ikke”t er den eneste brugs sag. Formålet med er simpelthen at Tilføj annotation eller udtale for tekster, og du kan også gøre det med engelsk indhold.
Elementet omslutter to hovedunderelementer, nemlig . Det holder annotationen selv.
En person, der opretter en virksomhed eller virksomheder, tager økonomiske risici i håbet om fortjeneste, kaldes
iværksætter ; en promotor i underholdningsindustrien.
Udtalelsen af “iværksætter” ordet er tilføjet bruger element inde i stykket. Ordet selv er indpakket i .
Sådan ser udgangen ud:
4.
Det
Du har måske vidst om ordren, men vidste du det ordren kan vendes? I stedet for en stigningsordre, dekrementerende nummerering kan også udføres af vendes attribut.
- Scrabble
- Mahjong
- Monopol
- Skak
- Jenga
Det vendes attribut vende nummereringen, mens type attribut bestemmer typen af nummerering. Hovedstaden jeg betegner kapital romersk nummerering.
Sådan ser det ud på skærmen:
5.
Det element er beregnet til Indsæt et udtryk, der er defineret af dens omgivende tekst. Teksten vedlagt af tag er stilet af browsere med kursiv, hvilket betyder, at dette udtryk er defineret.
Du kan tilføje definitionen af udtrykket indeni i værdien af dens titel attribut, hvilket er nyttigt at definere ord, der ikke nødvendigvis er defineret af deres omgivende tekst.
Det element fungerer på samme måde som som viser betydningen af en forkortelse angivet i dens titel Tilknyt når brugeren svæver over elementet.
Der er en dikotomi mellem design og prototype.
Dette er dets standard browser styling, Men på et produktionssted, vil du måske bruge en anden stil:
Med markøren over det definerede ord, vil siden vis definitionen tilføjet i titel attribut.
