5 HTML prvků, které byste možná nevěděli, jak používat

Známý, ale neznámý, nebo zcela nový, se stává, že my vynechat části syntaxe HTML které se mohou ukázat jako důležité znalosti, které můžeme k dobrému využití. To je důvod, proč je to nové funkce HTML nebo méně známé aplikace , které ještě nevstoupily do vašeho radaru, na těchto stránkách je poměrně často zakrýváme.

V dnešním příspěvku se podíváme do pěti elementů HTML, z nichž některé můžete často používat, ale pravděpodobně ne zcela naplno.

1.

živel má podobnou funkci jako data-* atributy. Může být zvyklý poskytovat strojově čitelná data pro uživatelsky příjemný obsah. hodnota atribut tohoto prvku nese přidané informace.

 
Tři svazky románu Pána prstenů jsou: Společenstvo prstenu, Dvě věže, a Návrat krále.
 
ISBN knih uvedených na této stránce: 
 

Ve výše uvedeném HTML ISBN každé knihy je přidán do hodnota atribut živel , který uzavírá název knihy. Na knižním trhu se ISBN používá k jedinečné identifikaci knihy.

 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 (',') 

Zhruba vám ukázat, jak extrahovat hodnoty v JavaScriptu, výše uvedený skript extrahuje čísla ISBN z webu štítek a zobrazí je spolu s názvy knih na určeném místě na stránce.

2.

S největší pravděpodobností jste již obeznámeni s element, nicméně to je nejen pro zaškrtávací políčka. Může jiné popisovatelný Prvky stejně tak i provádění jejich akcí, stejně jako provádí akce zaškrtávacích políček.

Musíš použít stejnou hodnotu pro id atributu elementu HTML, který chcete ovládat, a pro atribut příslušnosti štítek.

  Kliknutím na tento text kliknete na tlačítko níže.   ALERT  

Kliknutí na text vůle spusťte klikněte události a zobrazí danou výstražnou zprávu.

3.

Tento prvek je většinou používán pro východoasijské jazyky, nicméně toto není”t jeho jediný případ použití. Účel je prostě přidat anotaci nebo výslovnost pro texty, a můžete to udělat i s anglickým obsahem.

Prvek obsahuje dva hlavní dílčí prvky, a to a . obsahuje text, který chcete anotovat (nazývá se báze a). \ t vlastní anotaci.

 
Osoba, která zakládá podnik nebo podniky, přičemž se ujímá finančních rizik v naději na zisk, se nazývá podnikatel??????????????????????????????????????????; propagátorem v zábavním průmyslu.
 

Výslovnost “podnikatel” slovo za použití prvek uvnitř odstavce. Samotné slovo je zabaleno do tag a výslovnost v .

Takto vypadá výstup:

4.

prvek pro objednané seznamy je další prvek, se kterým se můžete seznámit. Vytváří seznam, který má očíslované prvky, na rozdíl od neuspořádaného seznamu vytvořeného pomocí
.

Možná jste o objednávce věděli, ale věděli jste to pořadí může být obráceno? Namísto přírůstkové objednávky, snižování číslování mohou být také prováděny

, za použití obrácené atribut.

 
 
Hrabat
 
Mahjong
 
Monopol
 
Šachy
 
Jenga
 
 

obrácené atribut obrátí číslování, zatímco typ atribut určuje typ číslování. Kapitál I označuje kapitálové římské číslování.

Takto to vypadá na obrazovce:



5.

prvek zabalit termín, který je definován okolním textem. Text uzavřený značka je ve stylu prohlížečů kurzívou, což znamená, že tento termín je definován.

Můžete přidat definici termínu uvnitř hodnoty jeho titul který je užitečný definovat slova, která nejsou nezbytně definována jejich okolním textem.

živel funguje podobně , která zobrazuje význam zkratky uvedené v jejím titul atribut, když uživatel přejde nad prvek.

 
Je tu  dichotomie  mezi konstrukcí a prototypem.
 

To je jeho výchozí styl prohlížeče, na produkčním místě však možná budete chtít použít jiný styl:



Pokud přejdete kurzorem na definované slovo, stránka se zobrazí zobrazit definici přidanou do titul atribut.