5 Elemente HTML pe care nu ar trebui să le cunoașteți
Familiar, dar necunoscut sau complet nou, se întâmplă ca noi pierdeți părți ale sintaxei HTML care s-ar putea dovedi o cunoaștere importantă folosită. De aceea, fie că este vorba noi caracteristici ale HTML sau aplicațiile sale mai puțin cunoscute care nu au intrat încă în radarul dvs., le acoperim destul de des pe acest site.
În postarea de astăzi, vom examina cinci elemente HTML, unele dintre ele putând fi utilizate frecvent, dar probabil nu la întregul său potențial.
1.
element are o funcție similară cu funcția date-* atribute. Poate fi folosit pentru a furnizați date care pot fi citite de mașină pentru un conținut ușor de utilizat. valoare atributul acestui element poartă informațiile adăugate.
Cele trei volume ale romanului "Domnul Inelelor" sunt: Fratia Inelului, Cele două turnuri, și Intoarcerea Regelui.
Codurile ISBN ale cărților menționate în această pagină:
În HTML-ul de mai sus, ISBN din fiecare carte este adăugat în valoare atributul element care cuprinde titlul cărții. Pe piața cărților, ISBN este folosit pentru a identifica în mod unic o carte.
const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dateElements = document.querySelectorAll ("date"); const ary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') Pentru a vă arăta cum să extrageți valorile din JavaScript, scriptul de mai sus extrage codurile ISBN din etichetă și le afișează, împreună cu titlurile cărților, într-un loc desemnat în pagină.
2.
Probabil că deja sunteți familiarizați cu element, totuși este nu doar pentru casetele de selectare. Poate controlul altora labellable element de asemenea, efectuarea acțiunilor lor la fel ca și efectuarea acțiunilor casetelor de selectare.
Trebuie doar să utilizați aceeași valoare pentru id atributul elementului HTML pe care doriți să îl controlați și pentru atributul apartenenței etichetă.
Faceți clic pe textul din voi declanșează clic eveniment de și să afișeze mesajul de alertă dat.
3.
Acest element este cea mai mare parte folosită pentru limbile est-asiatice, totuși acest lucru nu este”t singurul caz de utilizare. Scopul de este pur și simplu să adăugați adnotări sau pronunții pentru texte, și puteți face acest lucru și cu conținut în limba engleză.
Elementul cuprinde două sub-elemente principale, și anume . deține adnotarea însăși.
Se numește o persoană care creează o afacere sau o afacere, asumându-și riscuri financiare în speranța profitului
antreprenor ; un promotor în industria divertismentului.
Pronunția lui “antreprenor” cuvântul este adăugat folosind element în interiorul paragrafului. Cuvântul în sine este înfășurat în .
Acesta este modul în care rezultatul arată:
4.
S-ar putea să fi știut despre ordonare, dar ați știut asta ordinea poate fi inversată? În locul unei ordini incrementale, decrementarea numerotării poate fi de asemenea efectuată de către inversat atribut.
- Scrabble
- Mahjong
- Monopol
- Şah
- Jenga
inversat atribut inversează numerotarea, in timp ce tip atribut determină tipul de numerotare. Capitala pe care o numesc numerotarea capitalului roman.
Asa cum arata pe ecran:
5.
elementul este menit să încadrează un termen care este definit de textul înconjurător. Textul anexat de eticheta este stilate de browsere cu caractere italice, adică acesta este termenul definit.
Puteți adăuga definiția termenului înăuntru în valoarea lui titlu atribut, care este util pentru defini cuvinte care nu sunt neapărat definite de textul lor înconjurător.
element funcționează similar care afișează semnificația unei abrevieri date în versiunea sa titlu atunci când utilizatorul se deplasează peste element.
E a dicotomie între design și prototip.
Acesta este implicit stil de browser, cu toate acestea pe un site de producție, poate doriți să utilizați un stil diferit:
Luând cursorul peste cuvântul definit, pagina va arată definiția adăugată în titlu atribut.
