5 HTML-elementer du kanskje ikke vet hvordan du bruker
Kjent ennå ukjent, eller helt nytt, skjer det at vi gå glipp av deler av HTML-syntaksen Det kan vise seg å være viktig kunnskap vi kan satt til en god bruk. Det er derfor om det er nye funksjoner i HTML eller dens mindre kjente applikasjoner som ennå ikke har kommet inn i radaren din, dekker vi dem ganske ofte på dette nettstedet.
I dagens innlegg ser vi på fem HTML-elementer, noen av dem kan du ofte bruke, men sannsynligvis ikke på sitt fulle potensial.
1.
De element har en lignende funksjon til data-* egenskaper. Det kan brukes til gi maskinlesbar data for et brukervennlig innhold. De verdi Attributtet til dette elementet inneholder den medfølgende informasjonen.
De tre bindene til Ringenes Herre er: Ringens brorskap, De to tårnene, og Kongens retur.
ISBN av bøkene som er nevnt på denne siden:
I HTML-koden ovenfor, er ISBN av hver bok er lagt til i verdi attributt av element som omslutter boktittelen. På bokmarkedet brukes ISBN til unikt å identifisere en bok.
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 (',') For å vise deg hvordan du skal pakke ut verdier i JavaScript, det ovennevnte skriptet trekker ut ISBNene fra stikkord og viser dem, sammen med boktitlene, på et bestemt sted på siden.
2.
Sannsynligvis er du allerede kjent med element, men det er det ikke bare for boksene. Det kan kontroller andre labellable elementer også, utfører sine handlinger akkurat som det utfører handlinger i avmerkingsboksene.
Du må bare bruk samme verdi for id attributt til HTML-elementet du vil kontrollere og til Attributt til tilhørende stikkord.
Klikk på teksten til vil utløse klikk hendelse av og vis den givne varslingsmeldingen.
3.
Dette elementet er mest brukt til østasiatiske språk, men dette er ikke”t er bare bruk saken. Meningen med er bare å legg til annotasjon eller uttale for tekster, og du kan også gjøre det med engelsk innhold også.
Elementet Omslutter to hoveddelementer, nemlig . De holder merknaden selv.
En person som setter opp en bedrift eller virksomhet, tar på seg økonomiske risici i håp om profitt, kalles
entreprenør ; en promotor i underholdningsindustrien.
Uttalen av “entreprenør” ord er lagt til bruker elementet inne i avsnittet. Ordet selv er pakket inn i .
Slik ser utgangen ut:
4.
De
Du har kanskje visst om bestilling, men visste du det bestillingen kan reverseres? I stedet for en økende rekkefølge, dekrementerende nummerering kan også utføres av reversert Egenskap.
- Scrabble
- Mahjong
- Monopol
- Sjakk
- Jenga
De reversert Egenskap reverserer nummereringen, mens type Egenskap bestemmer typenummering. Hovedstaden jeg betegner kapital romersk nummerering.
Slik ser det ut på skjermen:
5.
De elementet er ment å pakk inn et begrep som er definert av omgivende tekst. Teksten vedlagt av tag er stilet av nettlesere med kursiv, Dette betyr at begrepet er definert.
Du kan legge til definisjonen av begrepet inni i verdien av sin tittel attributt, som er nyttig for Definer ord som ikke nødvendigvis er definert av deres omkringliggende tekst.
De element fungerer på samme måte som som viser betydningen av en forkortelse gitt i sin tittel Tilordne når brukeren svinger over elementet.
Det er en dikotomi mellom design og prototype.
Dette er dens standard nettleser styling, Men på et produksjonssted, vil du kanskje bruke en annen stil:
Med markøren over det definerte ordet vil siden vis definisjonen lagt til i tittel Egenskap.
