Element HTML - HTML element

Acest articol este despre elementele HTML în general. Pentru informații despre modul de formatare a intrărilor Wikipedia, consultați Ajutor: Marcare Wiki și Ajutor: HTML în wikitext .
„nobr” redirecționează aici. Pentru compusul chimic NOBr, a se vedea Bromura de nitrosil .
„Culoarea fontului” redirecționează aici. Pentru fonturile OpenType cu glifuri multicolore, consultați OpenType § Fonturi color .

HTML
Comparații

Un element HTML este un tip de componentă de document HTML (Hypertext Markup Language), unul dintre mai multe tipuri de noduri HTML (există și noduri de text, noduri de comentarii și altele). Documentul HTML este compus dintr-un arbore de noduri HTML simple , cum ar fi noduri de text și elemente HTML, care adaugă semantică și formatare la părți ale documentului (de exemplu, face text în aldine, îl organizează în paragrafe, liste și tabele sau încorporează hyperlinkuri și imagini). Fiecare element poate avea atribute HTML specificate. Elementele pot avea, de asemenea, conținut, inclusiv alte elemente și text.

Concepte

Elemente vs. etichete

Așa cum se înțelege în general, poziția unui element este indicată ca întinzându-se de la o etichetă de început, incluzând eventual un conținut copil și este terminată de o etichetă de final. Acesta este cazul multor elemente dintr-un document HTML, dar nu tuturor. Distincția este subliniată în mod explicit în specificațiile HTML 4.01 :

Elementele nu sunt etichete. Unii oameni se referă la elemente ca etichete (de exemplu, „eticheta P”). Amintiți-vă că elementul este un lucru, iar eticheta (fie ea de început sau de sfârșit) este alta. De exemplu, elementul HEAD este întotdeauna prezent, chiar dacă etichetele HEAD de început și de sfârșit pot lipsi în marcaj.

În mod similar, recomandarea W3C HTML 5.1 2nd Edition spune în mod explicit:

Etichetele sunt folosite pentru a delimita începutul și sfârșitul elementelor din marcaj. (...) Etichetele de început și de sfârșit ale anumitor elemente normale pot fi omise, (...)
Conținutul elementului trebuie plasat între imediat după eticheta de început (ceea ce ar putea fi implicat , în anumite cazuri) și chiar înainte eticheta finală (care, din nou, ar putea fi implicată , în anumite cazuri).

-  HTML 5.1 Ediția a II-a § 8.1.2. Elemente § Etichete

și:

Anumite etichete pot fi omise .
NOTĂ:
Omiterea etichetei de început a unui element (...) nu înseamnă că elementul nu este prezent; este implicat, dar este încă acolo. De exemplu, un document HTML are întotdeauna un <html>element rădăcină , chiar dacă șirul <html>nu apare nicăieri în marcaj.

-  HTML 5.1 Ediția a II-a § 8.1.2.4. Etichete opționale


Deoarece HTML (înainte de HTML5) se bazează pe SGML , analiza acestuia depinde și de Definiția tipului de document (DTD) , în special de un DTD HTML (de exemplu HTML 4.01). DTD specifică tipurile de elemente posibile (adică definește setul de tipuri de elemente) și, de asemenea, combinațiile valide în care acestea pot apărea într-un document. Face parte din comportamentul general al SGML că, acolo unde este posibilă o singură structură validă (pe DTD), declarația sa explicită într-un document dat nu este în general necesară. Ca un exemplu simplu, eticheta care indică începutul unui element de paragraf trebuie completată de o etichetă care indică sfârșitul acestuia. Dar, din moment ce DTD afirmă că elementele de paragraf nu pot fi imbricate, un fragment de document HTML se deduce astfel a fi echivalent cu . (Dacă un element de paragraf nu poate conține altul, orice paragraf deschis în prezent trebuie închis înainte de a începe altul.) Deoarece această implicație se bazează pe combinația DTD și a documentului individual, de obicei nu este posibil să se deducă elemente doar din etichetele de document , ci numai utilizând un analizor conștient SGML - sau HTML - cu cunoștințe despre DTD. HTML5 creează un rezultat similar definind ce etichete pot fi omise. <p></p><p>Para 1 <p>Para 2 <p>Para 3<p>Para 1 </p><p>Para 2 </p><p>Para 3

SGML vs. XML

SGML este complex, ceea ce și-a limitat înțelegerea și adoptarea pe scară largă. XML a fost dezvoltat ca o alternativă mai simplă. Deși ambele pot utiliza DTD pentru a specifica elementele acceptate și combinațiile lor permise ca structură a documentului, analiza XML este mai simplă. Relația de la etichete la elemente este întotdeauna aceea de a analiza etichetele reale incluse în document, fără închiderile implicite care fac parte din SGML.

HTML așa cum este utilizat pe web-ul curent este probabil să fie tratat ca XML, prin XHTML sau HTML5 ; în ambele cazuri, analiza etichetelor de document în elementele Model de obiect document (DOM) este simplificată în comparație cu sistemele HTML vechi. Odată ce DOM-ul elementelor este obținut, comportamentul la niveluri superioare de interfață (exemplu: redarea ecranului) este identic sau aproape.

%block; vs. cutie

O parte a acestui comportament de prezentare CSS este noțiunea de „ model cutie ”. Acest lucru se aplică acelor elemente pe care CSS le consideră elemente „bloc”, stabilite prin declarația CSS . display: block;

HTML are, de asemenea, un concept similar, deși diferit, iar cele două sunt foarte frecvent confundate. %block;și %inline;sunt grupuri în cadrul DTD HTML care grupează elemente ca fiind „la nivel de bloc” sau „în linie”. Acesta este utilizat pentru a defini comportamentul lor de cuibărire: elementele la nivel de bloc nu pot fi plasate într-un context în linie. Acest comportament nu poate fi schimbat; este fixat în DTD. Elementele bloc și inline au comportamente CSS adecvate și diferite atașate în mod implicit, inclusiv relevanța modelului de casetă pentru anumite tipuri de elemente.

Rețineți totuși că acest comportament CSS poate fi, și este frecvent, schimbat din implicit. Listele cu sunt elemente și sunt prezentate ca elemente de bloc în mod implicit. Cu toate acestea, este destul de obișnuit să le setați cu CSS pentru a fi afișate ca o listă în linie. <ul><li> ...%block;

Prezentare generală

Sintaxă

Părți ale unui element container HTML

În sintaxa HTML, majoritatea elementelor sunt scrise cu o etichetă de început și o etichetă de final, cu conținutul între ele. O etichetă HTML este compusă din numele elementului, înconjurat de paranteze unghiulare . O etichetă de sfârșit are, de asemenea, o bară după unghiul de deschidere, pentru a o deosebi de eticheta de început. De exemplu, un paragraf, care este reprezentat de <p>element, ar fi scris ca: 

<p>In the HTML syntax, most elements are written ...</p>

Cu toate acestea, nu toate aceste elemente necesită ca eticheta de finalizare, sau chiar eticheta de început, să fie prezentă. Unele elemente, așa-numitele elemente nule , nu au o etichetă finală. Un exemplu tipic este elementul <br>(hard line-break). Comportamentul unui element gol este predefinit și nu poate conține conținut sau alte elemente. De exemplu, o adresă ar fi scrisă ca: 

<p>P. Sherman<br>42 Wallaby Way<br>Sydney</p>

Atunci când utilizați XHTML , este necesar să deschideți și să închideți toate elementele, inclusiv elementele nule. Acest lucru se poate face prin plasarea unei etichete de finalizare imediat după eticheta de început, dar acest lucru nu este legal în HTML 5 și va duce la crearea a două elemente. O modalitate alternativă de a specifica faptul că este un element gol, care este compatibil atât cu XHTML, cât și cu HTML 5, este să puneți un /la sfârșitul etichetei (nu trebuie confundat cu cel de /la începutul unei etichete de închidere). 

<p>P. Sherman<br />42 Wallaby Way<br />Sydney</p>

Atributele HTML sunt specificate în interiorul etichetei de pornire. De exemplu, <abbr>elementul, care reprezintă o abreviere , așteaptă un titleatribut în cadrul etichetei sale de deschidere. Acest lucru ar fi scris ca: 

<abbr title="abbreviation">abbr.</abbr>


Există mai multe tipuri de elemente HTML : elemente normale, elemente de text brute și elemente nule.

Elementele normale au de obicei atât o etichetă de început, cât și o etichetă de final, deși pentru unele elemente eticheta de final sau ambele etichete pot fi omise. Este construit într-un mod similar:

  • o etichetă de început ( ) care marchează începutul unui element, care poate include orice număr de atribute HTML ;<tag>
  • o anumită cantitate de conținut , inclusiv text și alte elemente;
  • o etichetă de capăt , în care numele element este prefixat cu un slash : .</tag>

Elementele text brute (cunoscute și sub numele de elemente text sau numai text) sunt construite cu:

  • o etichetă de început (în formă ) care marchează începutul unui element, care poate include orice număr de atribute HTML ;<tag>
  • o anumită cantitate de conținut text , dar niciun element (toate etichetele, în afară de eticheta finală aplicabilă, vor fi interpretate ca conținut);
  • o etichetă de capăt , în care numele element este prefixat cu un slash: . În unele versiuni de HTML, eticheta de final este opțională pentru unele elemente. Eticheta de final este necesară în XHTML .</tag>

Un exemplu este că <title>elementul nu trebuie să conțină alte elemente (inclusiv marcarea textului), ci doar text simplu .

Elementele vid (numite uneori și elemente goale, elemente individuale sau elemente independente) au doar o etichetă de start (în formă), care conține oriceatribute HTML. Nu pot conține copii, cum ar fi text sau alte elemente. Pentru compatibilitate cuXHTML, specificația HTML permite un spațiu și o bară opțională (este permisă). Spațiul și bară sunt necesare înXHTMLși alteaplicațiiXML. Două elemente de gol comune sunt(pentru opauză de linie tare, cum ar fi într-o poezie sau o adresă) și(pentru o pauză tematică). Alte astfel de elemente sunt adesea suporturi care fac referire la fișiere externe, cum ar fi elementul image (). Atributele incluse în element vor indica apoi către fișierul extern în cauză. Un alt exemplu de element gol este, pentru care sintaxa este: <tag><tag /><br /><hr /><img /><link />

<link rel="stylesheet" href="fancy.css" type="text/css">

Acest <link />element îndreaptă browserul către o foaie de stil de utilizat atunci când prezintă documentul HTML utilizatorului. Rețineți că în sintaxa HTML atributele nu trebuie să fie citate dacă sunt compuse doar din anumite caractere: litere, cifre, cratima-minus și punctul. Pe de altă parte, când utilizați sintaxa XML (XHTML), toate atributele trebuie să fie citate și este necesară o bară laterală distanțată înainte de ultima paranteză unghiulară: 

<link rel="stylesheet" href="fancy.css" type="text/css" />


Atributele HTML definesc comportamentul dorit sau indică proprietăți suplimentare ale elementelor. Majoritatea atributelor necesită o valoare . În HTML, valoarea poate fi lăsată necitată dacă nu include spații () sau poate fi citată cu ghilimele simple sau duble (sau). În XML , acele citate sunt necesare. attribute=valueattribute='value'attribute="value"

Atributele booleene , pe de altă parte, nu necesită specificarea unei valori. Un exemplu este checkedcasetele de selectare: 

<input type=checkbox checked>

Cu toate acestea, în sintaxa XML (și, prin urmare, XHTML ), numele trebuie repetat ca valoare: 

<input type="checkbox" checked="checked" />

În mod informal, elementele HTML sunt uneori denumite „etichete” (un exemplu de sinecdoză ), deși mulți preferă termenul etichetă strict în raport cu marcajul care delimită începutul și sfârșitul unui element.

Numele elementelor (și atributelor) pot fi scrise în orice combinație de majuscule sau minuscule în HTML, dar trebuie să fie în minuscule în XHTML. Forma canonică a fost majusculă până la HTML 4 și a fost utilizată în specificațiile HTML, dar în ultimii ani, literele mici au devenit mai frecvente.

Standarde pentru elemente

Elementele HTML sunt definite într-o serie de standarde deschise disponibile liber emise din 1995, inițial de IETF și ulterior de W3C .

În timpul războaielor browserelor din anii 1990, dezvoltatorii agenților de utilizatori (de exemplu, browserele web ) și-au dezvoltat adesea propriile elemente, dintre care unele au fost adoptate în standardele ulterioare. Este posibil ca alți agenți de utilizator să nu recunoască elemente non-standard și vor fi ignorate, ceea ce va determina afișarea necorespunzătoare a paginii.

În 1998, XML (o formă simplificată de SGML) a introdus mecanisme pentru a permite oricui să-și dezvolte propriile elemente și să le încorporeze în documente XHTML , pentru a fi utilizate cu agenți de utilizator conștienți de XML.

Ulterior, HTML 4.01 a fost rescris într-o formă compatibilă cu XML , XHTML 1.0 ( eXtensible HTML ). Elementele din fiecare sunt identice și, în majoritatea cazurilor, documentele XHTML 1.0 valide vor fi documente HTML 4.01 valide sau aproape valide. Acest articol se concentrează în principal pe HTML real, dacă nu se specifică altfel; totuși, rămâne aplicabil pentru XHTML . Consultați HTML pentru o discuție asupra diferențelor minore dintre cele două.

Starea elementului

De la prima versiune de HTML, mai multe elemente au devenit depășite și sunt învechite în standardele ulterioare, sau nu apar deloc, caz în care sunt nevalide (și vor fi găsite nevalide și, probabil, nu vor fi afișate, prin validarea agenților utilizator) .

În HTML 4.01 / XHTML 1.0 , starea elementelor este complicată de existența a trei tipuri de DTD :

  • Tranzitorii , care conțin elemente depreciate, dar care au fost destinate să ofere o perioadă de tranziție în care autorii își pot actualiza practicile;
  • Frameset , care sunt versiuni ale DTD-urilor de tranziție care permit, de asemenea, autorilor să scrie documente de seturi de cadre ;
  • Strict , care este forma actualizată (la 1999) a HTML.

HTML5 oferă în schimb o listă de funcții învechite pentru a merge împreună cu conținutul normativ standardizat . Acestea sunt defalcate în „învechite, dar conforme” pentru care există instrucțiuni de implementare și în „neconforme” care ar trebui înlocuite.

Primul standard ( HTML 2.0 ) conținea patru elemente depreciate, dintre care unul nu era valid în HTML 3.2 . Toate cele patru sunt nevalide în HTML 4.01 Transitional , care a depreciat și alte zece elemente. Toate acestea, plus alte două, sunt nevalide în HTML 4.01 Strict . Deși elementele cadrului sunt încă actuale în sensul de a fi prezente în DTD-urile de tranziție și cadru, nu există planuri de a le păstra în standardele viitoare, deoarece funcția lor a fost în mare parte înlocuită și sunt extrem de problematice pentru accesibilitatea utilizatorilor.

(Strict vorbind, cel mai recent standard XHTML , XHTML 1.1 (2001), nu include deloc cadre; este aproximativ echivalent cu XHTML 1.0 Strict , dar include și modulul de marcare Ruby .)

O sursă obișnuită de confuzie este utilizarea slabă a depreciatului pentru a se referi atât la starea depreciată, cât și la statutul invalid, precum și la elementele care se așteaptă să fie depreciate formal în viitor.

Conținut vs. prezentare și comportament

De la HTML 4, HTML s-a concentrat din ce în ce mai mult pe separarea conținutului (textul vizibil și imaginile) de prezentare (cum ar fi culoarea, dimensiunea fontului și aspectul). Aceasta este adesea menționată ca o separare a preocupărilor . HTML este utilizat pentru a reprezenta structura sau conținutul unui document, prezentarea acestuia rămâne responsabilitatea exclusivă a foilor de stil CSS . O foaie de stil implicită este sugerată ca parte a standardului CSS, oferind o redare implicită pentru HTML.

Comportamentul (interactivitatea) este, de asemenea, păstrat separat de conținut și este gestionat de scripturi . Imaginile sunt conținute în fișiere grafice separate , separate de text, deși pot fi considerate și parte a conținutului unei pagini.

Separarea preocupărilor permite ca documentul să fie prezentat de diferiți agenți de utilizatori în funcție de scopurile și abilitățile lor. De exemplu, un agent de utilizator poate selecta o foaie de stil adecvată pentru a prezenta un document afișând pe un monitor, imprimând pe hârtie sau determinând caracteristicile de vorbire într-un agent de utilizator numai audio. Funcțiile structurale și semantice ale marcajului rămân identice în fiecare caz.

Din punct de vedere istoric, agenții utilizator nu au acceptat întotdeauna aceste caracteristici. În anii '90, ca un stop-gap, elemente de prezentare (cum ar fi <b>și <i>) au fost adăugate la HTML, în detrimentul creării unor probleme de interoperabilitate și accesibilitate a utilizatorilor. Acest lucru este acum considerat ca fiind depășit și a fost înlocuit de designul pe foi de stil; majoritatea elementelor de prezentare sunt acum depreciate.

Fișierele de imagine externe sunt încorporate cu elementele <img />sau <object />. (Cu XHTML , limbajul SVG poate fi folosit și pentru a scrie grafice în document, deși legarea la fișiere externe SVG este în general mai simplă.) În cazul în care o imagine nu este pur decorativă, HTML permite furnizarea de conținut de înlocuire cu valoare semantică similară pentru -agenti utilizatori vizuali.

Un document HTML poate fi extins și prin utilizarea de scripturi pentru a oferi comportamente suplimentare dincolo de abilitățile hyperlinkurilor și formularelor HTML.

Elementele <style>și <script>, cu atribute HTML conexe , oferă foi de stil și scripturi.

  • În capul documentului, <style />și se <script />poate conecta la documente comune externe, sau <style>...</style>și <script>...</script>pot conține instrucțiuni încorporate. ( <link>Elementul poate fi folosit și pentru a lega foi de stil.)
  • <script />sau <script>...</script>poate apărea în orice punct al documentului (cap sau corp).
  • styleAtribut este valabil în cele mai multe elemente de caroserie de documente ( de exemplu <div style="...">) pentru includerea stil inline instrucțiuni.
  • Atributele de gestionare a evenimentelor , care oferă legături către scripturi, sunt opționale în majoritatea elementelor.
  • Pentru agenții utilizator care nu operează scripturi, <noscript>...</noscript>elementul oferă conținut alternativ încorporat, acolo unde este cazul; cu toate acestea, poate fi utilizat numai în capul documentului și în corp ca element de nivel bloc.

Elementele structurii documentului

<html>...</html>
Elementul rădăcină al unui document HTML ; toate celelalte elemente sunt conținute în aceasta. Elementul HTML delimitează începutul și sfârșitul unui document HTML.
Atât etichetele de început, cât și cele de sfârșit pot fi omise (HTML5).
Standardizat în HTML 2.0 ; încă curent.

(Consultați elementele capului documentului pentru elementele copil.)

Container pentru prelucrarea informațiilor și metadate pentru un document HTML.
Atât etichetele de început, cât și cele de sfârșit pot fi omise și deduse din elementele secundare (HTML5).
Standardizat în HTML 2.0 ; încă curent.
<body></body>

(A se vedea elementele corpului documentului pentru elementele copil.)

Container pentru conținutul afișabil al unui document HTML.
Atât etichetele de început, cât și cele de sfârșit pot fi omise și deduse din elementele secundare (HTML5).
Standardizat în HTML 2.0 ; încă curent.

Elementele capului documentului

<base />
Specifică o adresă URL de bază pentru toate hreflinkurile relative și de altă natură din document. Trebuie să apară în fața oricărui element care se referă la o resursă externă. HTML permite un singur <base>element pentru fiecare document. Acest element are atribute HTML , dar nu are conținut.
O versiune de dezvoltare a acestui element (ca BASE) este menționată în HTML Tags ; standardizat în HTML 2.0 ; încă curent.
<basefont /> (deprecated)
Specifică o dimensiune de bază, un tip de caractere și o culoare pentru document. Folosit împreună cu <font>elemente. Dezaprobat în favoarea foilor de stil .
Standardizat în HTML 3.2 ; depreciat în HTML 4.0 Transitional ; invalid în HTML 4.0 Strict .
<isindex /> (deprecated)
<isindex>ar putea apărea fie în capul documentului, fie în corp, dar o singură dată într-un document. Vezi Formulare .
Specifică linkuri către alte documente, cum ar fi linkurile anterioare și următoare , sau versiunile alternative. O utilizare obișnuită este conectarea la foi de stil externe , utilizând formularul ,. O utilizare mai puțin obișnuită, dar importantă, este furnizarea de indicii de navigație în mod constant prin utilizarea microformatelor . Mai multe relații comune sunt definite, care pot fi expuse la utilizatori prin intermediul interfeței browser - ului , mai degrabă decât direct în pagina de web, cum ar fi: . Elementul unui document poate conține orice număr de elemente. Acest element are atribute HTML , dar nu are conținut.<link rel="stylesheet" type="text/css" href="url" title="description_of_style"><link rel="next" href="url"><head><link />
LINKa existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă curent.
<meta />
Articolul principal: Meta element

Poate fi folosit pentru a specifica metadate suplimentare despre un document, cum ar fi autorul acestuia, data publicării, data expirării, limba, titlul paginii, descrierea paginii, cuvinte cheie sau alte informații care nu sunt furnizate prin intermediul celorlalte elemente ale antetului și atributelor HTML . Datorită naturii lor generice, <meta />elementele specifică perechi asociative cheie-valoare . În general, un element meta transmite informații ascunse despre document. Pot fi utilizate mai multe metaetichete, toate ar trebui să fie cuibărite în elementul head. Scopul specific al fiecărui <meta />element este definit de atributele sale. În afara XHTML , este adesea dat fără slash ( <meta>), în ciuda faptului că este un element gol .

Într-o formă, <meta />elementele pot specifica anteturi HTTP care ar trebui trimise de un server web înainte de conținutul real. De exemplu, specifică faptul că pagina ar trebui să fie difuzată cu un antet HTTP numit care are o valoare . <meta http-equiv="foo" content="bar" />foobar

În forma generală, un <meta />element specifică nameși content atribute HTML asociate care descriu aspecte ale paginii HTML. Pentru a preveni posibila ambiguitate, schemese poate furniza un al treilea atribut opțional, pentru a specifica un cadru semantic care definește semnificația cheii și valoarea acesteia. De exemplu, în a însuși elementului identifică drept care conține elementul, cu o valoare , de la DC sau Dublin Core cadru descrierea resurselor .<meta name="foo" content="bar" scheme="DC" /><meta />foobar
Standardizat în HTML 2.0 ; încă curent.
<object>...</object>
Folosit pentru a include obiecte generice în antetul documentului. Deși rar utilizat în cadrul unui <head>element, ar putea fi folosit pentru a extrage date străine și a le asocia cu documentul curent.
Standardizat în HTML 4.0 ; încă curent.
<script>...</script>
Poate acționa ca un container pentru instrucțiuni de script sau se poate lega la un script extern cu srcatributul opțional . De asemenea, utilizabil în corpul documentului pentru a genera dinamic fie conținut blocat, fie conținut în linie.
Standardizat în HTML 3.2 ; încă curent.
<style>...</style>
Specifică un stil CSS pentru document, de obicei sub formă ,. Poate să acționeze ca un container pentru instrucțiuni de stil sau să se conecteze la foi de stil externe - de exemplu, în CSS , cu directive ale formularului,<style type="text/css"> ... </style>@import<style> @import url; </style>
Standardizat în HTML 3.2 ; încă curent.
<title>...</title>
Această etichetă definește titlul unui document. Obligatoriu în fiecare document HTML și XHTML . Agenții de utilizatori pot folosi titlul în moduri diferite. De exemplu:
  • Browserele web îl afișează de obicei în bara de titlu a unei ferestre atunci când fereastra este deschisă și (acolo unde este cazul) în bara de activități atunci când fereastra este minimizată.
  • Poate deveni numele implicit al fișierului la salvarea paginii.
  • Putem folosi elementul <titlu> o singură dată într-o pagină web, iar când realizăm o altă pagină, vom folosi din nou un alt element <titlu> cu titlu nou (nu luați același nume pentru toate etichetele de titlu din site, problemă pentru motoarele de căutare).
  • Crawlerele web ale motoarelor de căutare web pot acorda o atenție deosebită cuvintelor folosite în titlu.
<title>Elementul nu trebuie să conțină alte elemente, numai text. Într- <title>un document este permis un singur element.
A existat în etichete HTML și a fost standardizat în HTML 2.0 ; încă curent.

Documentați elementele corpului

În browserele vizuale, elementele afișabile pot fi redate fie în bloc, fie în linie . În timp ce toate elementele fac parte din secvența documentului, elementele bloc apar în elementele părinte:

  • ca obiecte dreptunghiulare care nu se rup între linii;
  • cu margini de bloc, proprietăți de lățime și înălțime care pot fi setate independent de elementele din jur.

În schimb, elementele în linie sunt tratate ca parte a fluxului de text al documentului; nu pot avea margini, lățime sau înălțime setate și se rup între linii.

Elemente de bloc

Elementele de bloc sau elementele la nivel de bloc au o structură dreptunghiulară. În mod implicit, aceste elemente vor acoperi întreaga lățime a elementului său părinte și, prin urmare, nu vor permite niciunui alt element să ocupe același spațiu orizontal pe care este plasat.

Structura dreptunghiulară a unui element bloc este adesea denumită modelul cutiei și este alcătuită din mai multe părți. Fiecare element conține următoarele:

  • Conținutul unui element este textul propriu - zis (sau alte medii) plasate între deschidere și închidere tag - uri ale unui element.
  • Padding unui element este spațiul din jurul conținutului , dar care face încă parte a elementului. Căptușeala nu trebuie utilizată pentru a crea spațiu alb între două elemente. Orice stil de fundal atribuit elementului, cum ar fi o imagine de fundal sau o culoare, va fi vizibil în interiorul căptușelii. Creșterea dimensiunii căptușirii unui element crește spațiul pe care îl va ocupa acest element.
  • Frontiera unui element este sfârșitul absolut al unui element, și se întinde pe perimetrul acelui element. Grosimea unui chenar mărește dimensiunea unui element.
  • Marja unui element este alb-spațiul care înconjoară un element. Conținutul, căptușeala și marginea oricărui alt element nu vor fi permise să intre în această zonă, decât dacă sunt forțate să facă acest lucru de către o anumită plasare CSS avansată . Folosind majoritatea DTD-urilor standard , marginile din stânga și din dreapta diferitelor elemente se vor împinge unul pe altul. Pe de altă parte, marginile din partea de sus sau de jos a unui element nu se vor stiva sau se vor amesteca. Aceasta înseamnă că spațiul alb dintre aceste elemente va fi la fel de mare ca marja mai mare dintre ele.

Secțiunea de mai sus se referă doar la implementarea detaliată a redării CSS și nu are nicio relevanță pentru elementele HTML în sine.

Text de bază

<p>...</p>
Creează un paragraf, poate cel mai comun element de nivel de bloc.
Pa existat în etichete HTML și a fost standardizat în HTML 2.0 ; încă curent.
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
Titlurile secțiunilor la diferite niveluri. h1delimitează titlul de cel mai înalt nivel, h2următorul nivel în jos (subsecțiune), h3pentru un nivel sub acesta și așa mai departe h6. Uneori sunt denumiți colectiv sub formă de etichete, n însemnând oricare dintre nivelurile de titlu disponibile. Majoritatea browserelor vizuale afișează titlurile în mod implicit cu caractere îngroșate, deși acest lucru poate fi suprascris cu CSS . Elementele poziție nu sunt destinate doar pentru a crea text mare sau bold - de fapt, acestea ar trebui să nu fie utilizate pentru coafare în mod explicit de text. Mai degrabă, ele descriu structura și organizarea documentului. Unele programe le folosesc pentru a genera contururi și cuprinsuri.hn
Titlurile existau în etichetele HTML și erau standardizate în HTML 2.0 ; încă curent.

Liste

<dl>...</dl>
„Lista de definiții” redirecționează aici. Pentru articolul Wikipedia privind listele de definiții, consultați Glosar .
O listă de descrieri (cunoscută sub numele de listă de asociere sau listă de definiții), care constă din grupuri nume-valoare și a fost cunoscută ca listă de definiții înainte de HTML5. Listele de descriere sunt destinate grupurilor de „termeni și definiții, subiecte și valori de metadate, întrebări și răspunsuri sau orice alte grupuri de date nume-valoare”.
DLa existat în etichete HTML și a fost standardizat în HTML 2.0 ; încă curent.
<dt>...</dt>
Un nume dintr-o listă de descrieri (termen de definiție anterior într-o listă de definiții).
DTa existat în etichete HTML și a fost standardizat în HTML 2.0 ; încă curent.
<dd>...</dd>
O valoare dintr-o listă de descrieri (datele de definiție anterioare într-o listă de definiții).
DDa existat în etichete HTML și a fost standardizat în HTML 2.0 ; încă curent.
<ol>...</ol>
O listă ordonată (enumerată). typeAtribut poate fi folosit pentru a specifica tipul de marker pentru a fi utilizate în listă, dar foi de stil dau mai mult control. Implicit este numerotarea arabă. Într - un atribut HTML: ; sau într-o declarație CSS: - înlocuirea cu una dintre următoarele: <ol type="foo">ol { list-style-type: foo; }foo
  • A, B, C ... - Valoarea HTML: A; Valoare CSS:upper-alpha
  • a, b, c ... - valoarea HTML: a; Valoare CSS:lower-alpha
  • I, II, III ... - valoarea HTML: I; Valoare CSS:upper-roman
  • i, ii, iii ... - valoarea HTML: i; Valoare CSS:lower-roman
  • 1, 2, 3 ... - valoarea HTML: 1;decimal
CSS oferă alte câteva opțiuni care nu sunt disponibile ca markup HTML pur, inclusiv none, și opțiuni pentru script CJK , ebraic, georgian și armean.
OLa existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă curent.
<ul>...</ul>
O listă neordonată (cu marcatori). Tipul de marcator element listă poate fi specificat într - un atribut HTML: ; sau într-o declarație CSS: - înlocuirea cu una dintre următoarele (aceleași valori sunt utilizate în HTML și CSS): (implicit) , sau . Numai metoda CSS este acceptată în HTML5. CSS oferă și posibilitatea de a înlocui aceste gloanțe cu imagini personalizate.<ul type="foo">ul { list-style-type: foo; }foodiscsquarecirclenone
ULa existat în etichete HTML și a fost standardizat în HTML 2.0 ; încă curent.
<li>...</li>
Un element de listă din liste ordonate ( ol) sau neordonate ( ul).
LIa existat în etichete HTML și a fost standardizat în HTML 2.0 ; încă curent.
<dir>...</dir> (deprecated)
O listă de directoare. Scopul inițial al acestui element nu a fost niciodată susținut pe scară largă; depreciat în favoarea .<ul>
DIRa existat în HTML Tags și a fost standardizat în HTML 2.0 ; depreciat în HTML 4.0 Transitional ; invalid în HTML 4.0 Strict .

Alte elemente de bloc

<address>...</address>
Informații de contact pentru autorul documentului.
ADDRESSa existat în etichete HTML și a fost standardizat în HTML 2.0 ; încă curent.
<article>...</article>
Articolul principal: Elementul articolului
Folosit pentru articole și alt conținut similar.
Standardizat în HTML5 .
<aside>...</aside>
Folosit pentru conținutul unui document separat de conținutul paginii principale, de exemplu, bare laterale sau publicitate.
Standardizat în HTML5 .
<blockquote>...</blockquote>
Articol principal: Element blockquote

O cotație la nivel de bloc , pentru când cotația include elemente la nivel de bloc, de exemplu paragrafe. citeAtribut ( a nu se confunda cu <cite>elementul) poate da sursa și trebuie să fie pe deplin calificat Uniform Resource Identifier .

Prezentarea implicită a cotațiilor de bloc în browserele vizuale este de obicei să le indenteze de la ambele margini. Acest lucru a dus la utilizarea inutilă a elementului doar pentru a indenta paragrafele, indiferent de semantică. Pentru cotațiile care nu conțin elemente la nivel de bloc, consultați elementul citat ( <q>).
BLOCKQUOTEa existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă curent. Consultați elementul blockquote pentru mai multe informații.
<center>...</center> (deprecated)
Creează o diviziune la nivel de bloc aliniată la centru. Apreciat în favoarea unui <div>alt element cu centrare definită folosind foi de stil.
Standardizat în HTML 3.2 ; depreciat în HTML 4.0 ; nu este acceptat în HTML5 .
<del>...</del>
Marcează o secțiune de conținut ștearsă. Acest element poate fi folosit și ca linie .
Standardizat în HTML 4.0 ; încă curent.
<div>...</div>
Articol principal: Span și div
O diviziune logică la nivel de bloc. Un element generic fără semnificație semantică folosit pentru a distinge o secțiune de document, de obicei în scopuri precum prezentarea sau comportamentul controlat de foi de stil sau apeluri DOM .
Propus în schițele HTML 3.0 ; Standardizat în HTML 3.2 ; încă curent.
<figure>...</figure>
Folosit pentru a grupa imagini și subtitrări, împreună cu <figcaption>.
Standardizat în HTML5 .
<figcaption>...</figcaption>
O legendă pentru o imagine. Așezat întotdeauna în interiorul <figure>elementului.
Standardizat în HTML5 .
Folosit pentru subsolurile documentelor. Acestea pot conține informații despre autor sau drepturi de autor sau linkuri către alte pagini.
Standardizat în HTML5 .
Folosit pentru antetele documentelor. Acestea conțin de obicei conținut care introduce pagina.
Standardizat în HTML5 .
<hr />
O pauză tematică (inițial: regulă orizontală). Regulile de prezentare pot fi desenate cu foi de stil.
Standardizat în HTML 2.0 ; încă curent.
<ins>...</ins>
Marcează o secțiune de conținut inserat. Acest element poate fi folosit și ca linie .
Standardizat în HTML 4.0 ; încă curent.
<main>...</main>
Conține conținutul principal al unui document.
Standardizat în HTML 5.1 .
HTML 2.0: o listă de meniu. Ar trebui să fie mai compact decât o <ul>listă.
MENUa existat în etichete HTML și a fost standardizat în HTML 2.0 ; depreciat în HTML 4.0 Transitional ; invalid în HTML 4.0 Strict ; apoi redefinit în HTML5 , dar eliminat în HTML 5.2.
Folosit în secțiuni de navigare a articolelor (zone ale paginilor web care conțin linkuri către alte pagini web).
Standardizat în HTML5 .
<noscript>...</noscript>
Conținut de înlocuire pentru scripturi. Spre deosebire de script, acesta poate fi folosit doar ca element de nivel bloc.
Standardizat în HTML 4.0 ; încă curent.
<pre>...</pre>
Text pre-formatat . Textul din acest element este de obicei afișat într-un font neproporțional exact așa cum este prezentat în fișier (vezi art . ASCII ). În timp ce browserele ignoră spațiul alb pentru alte elemente HTML, <pre>...</pre>spațiul alb ar trebui redat conform autorului. (Cu proprietățile CSS: , alte elemente pot fi prezentate în același mod.) Acest element poate conține orice element inline cu excepția: , , , , și .{ white-space: pre; font-family: monospace; }<image><object><big><small><sup><sub>...</sub>
PREa existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă curent.
<section>...</section>
Folosit pentru secțiuni generice ale unui document. Acest lucru este diferit de <div>faptul că este folosit doar pentru a conține secțiuni ale unei pagini, pe care W3C le definește ca un grup de conținut cu o temă similară.
Standardizat în HTML5 .
<script>...</script>
Plasează un script în document. De asemenea, utilizabil în cap și în contexte în linie. Poate fi folosit ca și <script />cu un srcatribut pentru a furniza o adresă URL de la care se încarcă scriptul sau poate fi folosit ca în <script>...</script>jurul conținutului scriptului încorporat. Notă: <script> nu este el însuși nici un bloc, nici un element în linie; de la sine nu ar trebui să se afișeze deloc, dar poate conține instrucțiuni pentru a genera dinamic fie conținut bloc, fie conținut în linie.
Standardizat în HTML 3.2 ; încă curent.

Elemente inline

Elementele în linie nu pot fi plasate direct în interiorul elementului; trebuie să fie cuibărite în întregime în elemente la nivel de bloc. <body>

Ancoră

<a>...</a>

Un element de ancorare se numește ancoră, deoarece designerii web îl pot folosi pentru a „ancora” o adresă URL la un text de pe o pagină web. Când utilizatorii vizualizează pagina web într-un browser, pot face clic pe text pentru a activa linkul și pot vizita pagina a cărei adresă URL se află în link.

În HTML, o ancoră poate fi fie originea ( textul ancorei ), fie capătul țintă (destinație) al unui hyperlink .

Cu atributul href, ancora devine un hyperlink către o altă parte a documentului sau o altă resursă (de exemplu, o pagină web) utilizând o adresă URL externă . Alternativ (și uneori simultan), cu atributelename sau id HTML setate, elementul devine o țintă de legătură. Un Uniform Resource Locator (URL) poate face legătura cu această țintă printr-un identificator de fragment . În HTML5, orice element poate fi transformat acum într-o țintă folosind idatributul, deci utilizarea nu este necesară, deși acest mod de a adăuga ancore continuă să funcționeze.<a name="foo">...</a>

Pentru a ilustra: antetul unei secțiuni de cuprins pe example.com„s pagina de start ar putea fi transformat într - o țintă de scriere: .<h2><a name="contents">Table of contents</a></h2>

Continuând cu acest exemplu, acum că secțiunea a fost marcată ca țintă, poate fi menționată de pe site-uri externe cu un link precum :;<a href="http://example.com#contents">see contents</a>

sau cu un link pe aceeași pagină cum ar fi: .<a href="#contents">contents, above</a>

Acest atribut titlepoate fi setat pentru a oferi informații succinte despre link - ul: .<a href="URL" title="additional information">link text</a>

În majoritatea browserelor grafice, când cursorul se deplasează deasupra unui link, cursorul se transformă într-o mână cu un deget arătător extins, iar titlevaloarea este afișată într-o descriere sau într-o altă manieră. Unele browsere redau text alternativ în același mod, deși nu este nevoie de specificații.

Aa existat în etichete HTML și a fost standardizat în HTML 2.0 ;

Elemente de frază

Elementele de expresie sunt utilizate pentru marcarea frazelor și adăugarea de structuri sau semnificații semantice fragmentelor de text. De exemplu, etichetele <em>și <strong>pot fi utilizate pentru a adăuga accent pe text.

General
<abbr>...</abbr>
Marchează o abreviere și poate pune la dispoziție formularul complet:<abbr title="abbreviation">abbr.</abbr>
Standardizat în HTML 4.0 ; încă curent.
<acronym>...</acronym> (deprecated)
Similar cu elementul, dar marchează un acronim :<abbr><acronym title="Hyper-Text Mark-up Language">HTML</acronym>
Standardizat în HTML 4.0 ; încă curent, nu este acceptat în HTML5 . Înlocuirea recomandată este abbreticheta.
<dfn>...</dfn>
Definiția în linie a unui singur termen.
DFNa existat în HTML Internet Draft 1.2 și a fost complet standardizat în HTML 3.2 ; încă curent.
<em>...</em>
Accent (afișat în mod obișnuit cu caractere italice)
EMa existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă curent.
<strong>...</strong>
importanță ; accentul inițial puternic (afișat în mod convenabil bold). Un agent de utilizare sonoră poate folosi voci diferite pentru accent.
STRONGa existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă actual, redefinit în HTML5.
Elemente de frază computerizate

Aceste elemente sunt utile în primul rând pentru documentarea dezvoltării codului computerului și a interacțiunii utilizatorului prin diferențierea codului sursă ( ), a variabilelor ( ), a intrării utilizatorului ( ) și a terminalului sau a altor ieșiri ( ). <code><var><kbd><samp>

<code>...</code>
Un fragment de cod ( code example). Tradus în mod convențional într-un font mono-spațiu.
CODEa existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă curent.
<kbd>...</kbd>
Tastatură - text care trebuie introdus de utilizator ( kbd example).
KBDa existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă curent.
<samp>...</samp>
Exemplu de ieșire - dintr-un program sau script: (samp exemplu).
SAMPa existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă curent.
<var>...</var>
Variabilă ( exemplu var ).
VARa existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă curent.
Prezentare

Deoarece marcajul de prezentare vizuală se aplică direct browserelor vizuale, utilizarea acestuia este descurajată. Ar trebui folosite în schimb foi de stil. Mai multe dintre aceste elemente sunt depreciate sau nevalide în HTML 4 / XHTML 1.0, iar restul sunt nevalide în schița curentă a XHTML 2.0 . Proiectul actual de HTML5 , cu toate acestea, re-include <s>, <u>și <small>, atribuirea nou sens semantic fiecăreia dintre acestea . Într-un document HTML5 , utilizarea acestor elemente nu mai este descurajată, cu condiția să fie corectă din punct de vedere semantic.

<b>...</b>
În HTML 4 , setați fontul la boldface acolo unde este posibil. Echivalent CSS: . Elementul are , de obicei , același efect în browsere vizuale, precum și având în sens mai semantic, sub HTML 4.01 . Cu toate acestea, în HTML5 are un sens propriu, distinct de cel al . Denotă „textul asupra căruia se atrage atenția în scopuri utilitare fără a transmite nicio importanță suplimentară și fără nicio implicație a unei voci sau a unei dispoziții alternative”.{ font-weight: bold; }<strong><b><strong>
Ba existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă actual, redefinit în HTML5.
<i>...</i>
În HTML 4 , setați fontul la cursiv, acolo unde este posibil. Echivalent CSS : . Folosirea are același efect vizual în majoritatea browserelor, precum și o semnificație semantică ca accent , în HTML 4.01 . (Cursivele pur tipografice au multe scopuri non-accentuate, deoarece HTML 5 este recunoscut mai explicit.) În HTML5 , totuși, are propriul său înțeles semantic, distinct de cel al . Denotă „o altă calitate a textului” sau „o voce sau o dispoziție alternativă”, de exemplu, un gând, un nume de navă, un nume de specie binară , o frază în limbă străină etc. ”{ font-style: italic; }<em>...</em><i><em>
Ia existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă actual, redefinit în HTML5.
<u>...</u>
În HTML 4 , text subliniat . Echivalent CSS: . Apreciat în HTML 4.01 . Restaurat în HTML5 . În HTML5 , elementul denotă „o întindere de text cu o adnotare non-textuală, deși redată în mod explicit, cum ar fi etichetarea textului ca fiind un nume propriu în textul chinezesc (un semn de nume propriu chinezesc) sau etichetarea textului ca fiind greșit scris ". Specificația HTML5 amintește dezvoltatorilor că alte elemente sunt aproape întotdeauna mai potrivite decât și îi îndeamnă pe designeri să nu folosească textul subliniat acolo unde ar putea fi confundat pentru un hyper-link.{ text-decoration: underline; }<u><u>
Ua existat în HTML Internet Draft 1.2 , a fost standardizat în HTML 3.2, dar a fost depreciat în HTML 4.0 Transitional și a fost invalid în HTML 4.0 Strict . Reintrodus în HTML5 .
<small>...</small>
În HTML 4 , dimensiunea redusă a fontului ( text mai mic ). CSS echivalent: în HTML5 , elementul denotă „comentarii laterale, cum ar fi litere mici”. Acest lucru a provocat o oarecare confuzie cu elementul.{ font-size: smaller; }<small><aside>...</aside>
Standardizat în HTML 3.2 ; încă curent.
<s>...</s>
În HTML 4 , a indicat textul direct ( Strikethrough ) și a fost echivalent cu <strike>. În HTML5 , <s>elementul denotă informații care „nu mai sunt exacte sau nu mai sunt relevante” și nu trebuie confundat cu <del>ceea ce indică eliminarea / ștergerea.
Sa fost depreciat în HTML 4.0 Transitional (nu a apărut în niciun standard anterior) și a fost invalid în HTML 4.0 Strict . Reintrodus în HTML5 , care în schimb a fost depreciat <strike>.
<big>...</big> (deprecated)
Dimensiune mărită a fontului ( text mai mare ). CSS echivalent:{ font-size: larger; }
Standardizat în HTML 3.2 ; nu este acceptat în HTML5 .
<strike>...</strike> (deprecated)
Text Tăiat ( Tăiat ), (echivalent CSS: ){ text-decoration: line-through; }
STRIKEa fost standardizat în HTML 3.2 ; depreciat în HTML 4.0 Transitional ; invalid în HTML 4.0 Strict .
<tt>...</tt> (deprecated)
Font cu lățime fixă (tip mașină de scris ), cunoscut și sub numele de teletip , deci „tt”. (Echivalent CSS: ){ font-family: monospace; }
TTa existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; nu este acceptat în HTML5. Înlocuiri posibile: <kbd>pentru marcarea intrărilor utilizatorului, <var>pentru variabile (de obicei redate cursive, și nu cu o schimbare în monospațiu), <code>pentru cod sursă, <samp>pentru ieșire.
<font>...</font> (deprecated)
<font [color=<var>color</var>] [size=<var>size</var>] [face=<var>face</var>]>...</font> Poate specifica culoarea fontului cu coloratributul (rețineți ortografia americană), tipul cu faceatributul și dimensiunea absolută sau relativă cu sizeatributul. Exemple (toate utilizările sunt depreciate, utilizați echivalente CSS dacă este posibil):
  • <font color="green">text</font>creează text verde .
  • <font color="#114499">text</font>creează text cu culoare hexazecimală # 114499 .
  • <font size="4">text</font>creează text cu dimensiunea 4. Dimensiunile sunt de la 1 la 7. Dimensiunea standard este 3, dacă nu se specifică altfel în <body> sau în alte etichete.
  • <font size="+1">text</font>creează text cu dimensiunea 1 mai mare decât standardul. este opus.<font size="-1">text</font>
  • <font face="Courier">text</font>face text cu font Courier.
CSS echivalent pentru atributele fontului:
  • <font size="N">corespunde (specificația HTML nu definește relația dintre dimensiunea N și dimensiunea unității Y și nici nu definește o unitate).{font-size: Yunits}
  • <font color="red"> corespunde la { color: red; }
  • <font face="Times New Roman">corespunde - CSS acceptă o stivă de fonturi , din două sau mai multe fonturi alternative.{ font-family: 'Times New Roman', Times, serif; }
Standardizat în HTML 3.2 ; depreciat în HTML 4.0 Transitional ; invalid în HTML 4.0 Strict . Nu face parte din HTML5.

Span

<span>...</span>
Articol principal: Span și div
O diviziune logică în linie. Un element generic fără semnificație semantică folosit pentru a distinge o secțiune de document, de obicei în scopuri precum prezentarea sau comportamentul controlat de foi de stil sau apeluri DOM .
Standardizat în HTML 4.0 ; încă curent.

Alte elemente inline

<br />
O rupere de linie forțată.
Standardizat în HTML 2.0 ; încă curent.
<bdi>...</bdi>
Izolează o secțiune de text în linie care poate fi formatată într-o direcție diferită față de alt text din afara acestuia, cum ar fi conținut generat de utilizator cu direcționalitate necunoscută.
Standardizat în HTML5 .
<bdo>...</bdo>
Marcă o secțiune de text în linie în care direcția de citire este opusă față de cea a elementului părinte.
Standardizat în HTML 4.0 ; încă curent.
<cite>...</cite>
O citație sau o referință pentru o ofertă sau o declarație din document.
CITE exista în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă curent.
Notă: Codul HTML 5 caietul de sarcini au fost crea confuzii bifurcată , inclusiv în ceea ce privește acest element. În HTML 4 și versiunile anterioare, a <cite>fost pentru „o citație sau o referință la alte surse” fără limitări sau cerințe speciale. Specificația W3C HTML 5 folosește un rafinament al acestei idei, reflectând modul în care elementul a fost folosit istoric, dar necesită acum să conțină (dar să nu fie limitat la) cel puțin unul dintre „titlul lucrării sau numele autorului (persoană, persoane sau organizație) sau o referință URL sau o referință în formă prescurtată conform convențiilor utilizate pentru adăugarea de metadate de citare. " Dar specificația WHATWG permite numai ca elementul să fie utilizat în jurul titlului unei lucrări. Specificațiile W3C au început cu definiția mai largă, apoi au trecut la cea foarte îngustă după ce WHATWG a făcut această modificare. Cu toate acestea, W3C și-a revenit la propria modificare în 2012, ca răspuns la feedback-ul negativ al dezvoltatorilor-comunitate; elementul a fost utilizat pe scară largă, cu un domeniu mai larg, de exemplu, diverse platforme de bloguri și forumuri înfășurau ID-urile și adresele de e-mail ale comentatorilor <cite>...</cite>, iar persoanele care foloseau elementul pentru citări bibliografice înfășurau (și continuă) în mod obișnuit fiecare citare întreagă în acest element. O altă problemă cu elementul este că WHATWG recomandă ca acesta să fie cursiv în mod implicit (deci aproape toate browserele o fac), deoarece (în viziunea lor) este doar pentru titluri de publicații. Cu toate acestea, prin convenție, doar anumite tipuri de titluri au cursiv, în timp ce altele sunt așteptate să fie puse între ghilimele, iar standardele pot varia de fapt în funcție de contextul de publicare și de limbă. În consecință, mulți autori și administratori de site-uri web utilizează o foaie de stil la nivel de site pentru a anula cursivele automate ale acestui element.
<data>...</data>
Conectează conținutul în linie cu o traducere care poate fi citită automat.
Standardizat în HTML5 .
<del>...</del>
Text șters. De obicei redat sub formă de linie :Text șters.
Standardizat în HTML 4.0 ; încă curent.
<ins>...</ins>
Text inserat. Adesea folosit pentru a marca textul de înlocuire pentru materialul lovit cu <del>sau <s>. De obicei redat subliniat :Text inserat.
Standardizat în HTML 4.0 ; încă curent.
Ambele <ins>și <del>elementele pot fi, de asemenea, utilizate ca elemente de bloc: conținând alte elemente de bloc și elemente în linie. Cu toate acestea, aceste elemente trebuie să rămână în întregime în interiorul elementului părinte pentru a menține un document HTML bine format. De exemplu, ștergerea textului de la mijlocul unui paragraf pe mai multe alte paragrafe și terminarea într-un paragraf final ar trebui să utilizeze trei <del>elemente separate . Două <del>elemente ar fi necesare ca elemente inline pentru a indica ștergerea textului în primul și ultimul paragraf, iar un al treilea, utilizat ca element de bloc, pentru a indica ștergerea în paragrafele intermediare.
<mark>...</mark>
Produce text care arată asa. Destinat evidențierii textului relevant într-un citat.
Standardizat în HTML5 .
<q>...</q>
O cotație în linie (pentru cotația la nivel de bloc vezi ). Elementele citatului pot fi imbricate. ar trebui să genereze automat ghilimele împreună cu foile de stil. Preocupările practice datorate nerespectării browserului pot forța autorii să găsească soluții alternative. Atributul oferă sursa, și trebuie să fie un deplin calificat URI .<blockquote><q> cite
Standardizat în HTML 4.0 ; încă curent.
Notă: Citatele lungi în linie pot fi afișate ca blocuri indentate (ca block-quote) folosind foi de stil. De exemplu, cu o regulă CSS adecvată asociată cu q.lengthy:<q>Lengthy quote here.</q >
<rb>...</rb>
Reprezintă componenta de bază a unei adnotări rubine .
Standardizat în HTML5 .
<rp>...</rp>
Oferă paranteză alternativă pentru browserele care nu au suport de adnotare rubin .
Standardizat în HTML5 .
<rt>...</rt>
Indică pronunția unui personaj dintr-o adnotare rubinie .
Standardizat în HTML5 .
<rtc>...</rtc>
Adnotări semantice pentru o adnotare rubin .
Standardizat în HTML5 .
<ruby>...</ruby>
Reprezintă o adnotare rubină pentru afișarea pronunției caracterelor din Asia de Est.
Standardizat în HTML5 .
<script>...</script>
Plasează un script în document. De asemenea, utilizabil în cap și în contexte bloc. Notă: <script> nu este el însuși nici un bloc, nici un element în linie; de la sine nu ar trebui să se afișeze deloc, dar poate conține instrucțiuni pentru a genera dinamic fie conținut bloc, fie conținut în linie.
Standardizat în HTML 3.2 ; încă curent.
<sub>...</sub>
<sup>...</sup>
Marcați textul subscris sau suprascris . (CSS echivalent: și , respectiv.){ vertical-align: sub; }{ vertical-align: super; }
Ambele au fost propuse în schițele HTML 3.0 ; Standardizat în HTML 3.2 ; încă curent.
<template>...</template>
Fragmente de cod care trebuie copiate de scripturi.
Standardizat în HTML5 .
<time>...</time>
Reprezintă o oră pe ceasul de 24 de ore sau o dată din calendarul gregorian , opțional cu informații despre fusul orar și orar. De asemenea, permite ca orele și datele să fie reprezentate într-un format care poate fi citit de mașină.
Standardizat în HTML5 .
<wbr />
O pauză de cuvânt opțională.
A fost utilizat pe scară largă (și susținut de toate browserele majore) de ani de zile, în ciuda faptului că a fost non-standard până când a fost în cele din urmă standardizat în HTML5 .

Imagini și obiecte

<applet>...</applet> (deprecated)
Încorporează un applet Java în pagină. Dezaprobat în favoarea <object>, deoarece putea fi utilizat numai cu applet-uri Java și avea limitări de accesibilitate.
Standardizat în HTML 3.2 ; depreciat în HTML 4.0 Transitional ; invalid în HTML 4.0 Strict . Începând din 2011, încă utilizate pe scară largă ca implementări ale înlocuirii <object>nu sunt consistente între diferite browsere.
<area />
Specifică o zonă focalizabilă într-un <map>.
Standardizat în HTML 3.2 ; încă curent.
<audio>...</audio>
Adaugă pe pagină un sunet HTML5 redabil . Adresa URL audio este determinată folosind srcatributul. Formatele audio acceptate variază de la un browser la altul.
Standardizat în HTML5 .
<canvas>...</canvas>
Articol principal: Element panza
Adaugă o pânză al cărei conținut poate fi editat cu JavaScript . Utilizat frecvent pentru jocuri online.
Standardizat în HTML5 .
<embed>...</embed>
Inserează în document un obiect non-standard (cum ar fi applet) sau conținut extern (de obicei non-HTML).
Apreciat în HTML 4 în favoarea lui <object>, dar apoi a fost adăugat din nou în specificația HTML5
<img />
Folosit de agenții vizuali pentru a insera o imagine în document. srcAtribut specifica adresa URL a imaginii. altAtributul necesar oferă text alternativ în cazul în care imaginea nu poate fi afișată. (Deși alteste conceput ca text alternativ, Microsoft Internet Explorer 7 și versiunile ulterioare îl redă ca un sfat de instrumente dacă nu titleeste dat niciun atribut. Safari și Google Chrome , pe de altă parte, nu afișează deloc atributul alt.) <img />Elementul a fost propus mai întâi de Marc Andreessen și implementat în browserul web NSCA Mosaic .
IMGa existat în HTML Internet Draft 1.2 și a fost standardizat în HTML 2.0 ; încă curent.
<map>...</map>
Specifică o hartă a imaginii din partea clientului .
Standardizat în HTML 3.2 ; încă curent.
<object>...</object>
Include un obiect în pagina de tipul specificat de typeatribut. Acest lucru poate fi în orice tip MIME pe care îl înțelege agentul utilizator, cum ar fi o pagină HTML încorporată, un fișier care trebuie gestionat de un plug-in precum Flash , un applet Java , un fișier audio etc.
Standardizat în HTML 4.0 ; încă curent.
<param />
Introdus inițial cu <applet>, acest element este acum utilizat cu <object>și ar trebui să apară doar ca un copil al <object>. Folosește atribute HTML pentru a seta un parametru pentru obiect, de ex. Lățime, înălțime, font, culoare de fundal etc., în funcție de tipul de obiect. Un obiect poate avea mai multe <param />elemente.
Standardizat în HTML 3.2 ; încă curent.
<source>...</source>
Specifică diferite surse pentru audio sau video. Folosește srcatributul într-un mod similar cu elementele <video>și <audio>.
Standardizat în HTML5 .
<track>...</track>
Oferă piese text, cum ar fi subtitrări și subtitrări, pentru audio și video.
Standardizat în HTML5 .
<video>...</video>
Adaugă pe pagină un videoclip HTML5 redabil . Adresa URL a videoclipului este determinată folosind srcatributul. Formatele video acceptate variază de la un browser la altul.
Standardizat în HTML5 .

Formulare

Articol principal: Formular (HTML)

Aceste elemente pot fi combinate într-o formă sau, în unele cazuri, utilizate separat ca controale de interfață cu utilizatorul; în document, pot fi simple HTML sau pot fi utilizate împreună cu Scripturi. Marcarea HTML specifică elementele care alcătuiesc un formular și metoda prin care acesta va fi trimis. Cu toate acestea, o anumită formă de scripturi ( partea serverului, partea clientului sau ambele) trebuie utilizate pentru a procesa intrarea utilizatorului odată ce este trimisă.

(Aceste elemente sunt fie elemente bloc, fie elemente inline, dar sunt colectate aici, deoarece utilizarea lor este mai restricționată decât alte elemente inline sau bloc.)

<form action="url">...</form>
Creează un formular . Cele mai <form>precizează element și funcționează acțiunea globală a unei zone de formular, folosind necesar actionatributul.
Standardizat în HTML 2.0 ; încă curent.
<button>...</button>
Un buton de formular generic care poate conține o serie de alte elemente pentru a crea butoane complexe.
Standardizat în HTML 4.0 ; încă curent.
<datalist>...</datalist>
O listă de options pentru utilizare în elementele formularului.
Standardizat în HTML5 .
<fieldset>...</fieldset>
Un container pentru adăugarea structurii la formulare. De exemplu, o serie de controale conexe pot fi grupate într-un <fieldset>, care poate avea apoi un <legend>adăugat pentru a identifica funcția lor.
Standardizat în HTML 4.0 ; încă curent.
<input />
<input> elementele permit implementarea unei varietăți de controale de formular standard.
Standardizat în HTML 2.0 ; încă curent.
Tipuri de intrare:
 type = "casetă de selectare"
O casetă de selectare . Poate fi bifat sau debifat.
 type = "radio"
Un buton radio . Dacă mai multe butoane radio primesc același nume, utilizatorul va putea selecta doar unul dintre acestea din acest grup.
 type = "buton"
Un buton de uz general. Elementul <button>este preferat dacă este posibil (adică, dacă clientul îl susține), deoarece oferă posibilități mai bogate.
 type = "trimiteți"
Un buton de trimitere .
 type = "imagine"
Un buton de imagine . Adresa URL a imaginii poate fi specificată cu srcatributul.
 type = "reset"
Un buton de resetare pentru resetarea formularului la valorile implicite.
 type = "text"
Un câmp de introducere a textului pe o linie . sizeAtribut specifica lățimea implicită de intrare în caracter-lățimi. max-lengthsetează numărul maxim de caractere pe care utilizatorul îl poate introduce (care poate fi mai mare decât dimensiunea).
O variantă a textcăreia produce o bară de căutare.
 tip = "parolă"
O variantă de text. Diferența este că textul tastat în acest câmp este mascat - caracterele sunt afișate ca un asterisc, un punct sau un alt înlocuitor. Parola este trimisă în continuare serverului ca text simplu , deci este nevoie de un protocol de comunicare securizat de bază , cum ar fi HTTPS, dacă confidențialitatea este o problemă.
 type = "fișier"
Un câmp de selectare a fișierului (pentru încărcarea fișierelor pe un server).
 tip = "tel"
O variantă a textpentru numere de telefon .
 type = "email"
O variantă textpentru adresele de e-mail .
 type = "url"
O variantă textpentru URL-uri .
 tip = "dată"
Un selector de date.
 tip = "timp"
Un selector de timp.
 tip = "număr"
O variație de textpentru numere.
 type = "range"
Produce un glisor pentru care returnează un număr, dar numărul nu este vizibil pentru utilizator.
 type = "culoare"
Un selector de culori.
 tip = "ascuns"
hiddenintrările nu sunt vizibile în pagina redată, dar permit unui proiectant să păstreze o copie a datelor care trebuie trimise la server ca parte a formularului. Acestea pot fi, de exemplu, date pe care acest utilizator web le-a introdus sau le-a selectat într-un formular anterior care trebuie procesat împreună cu formularul curent. Nu sunt afișate utilizatorului, dar datele pot fi totuși modificate din partea clientului prin editarea sursei HTML.
<isindex /> (deprecated)
<isindex />ar putea apărea fie în capul documentului, fie în corp, dar o singură dată într-un document. <isindex />operat ca un formular de căutare HTML primitiv; dar a fost de facto depășit de formulare HTML mai avansate introduse la începutul până la mijlocul anilor '90. Reprezintă un set de hyperlinkuri compus dintr-un URI de bază, un cuvânt cheie cu coduri de sampanie și codificat procentual, separate prin semne plus .
ISINDEXa existat în etichete HTML ; standardizat în HTML 2.0 ; depreciat în HTML 4.0 Transitional ; invalid în HTML 4.0 Strict .
<keygen>...</keygen> (deprecated)
Un generator de perechi de chei.
Standardizat în HTML5 , dar eliminat în HTML 5.2.
<label for="id">...</label>
Creează o etichetă pentru un formular introdus, cum ar fi radio. Dacă faceți clic pe etichetă se declanșează un clic pe intrarea potrivită.
Standardizat în HTML 4.0 ; încă curent.
<legend>...</legend>
O legendă (subtitrare) pentru un <fieldset>.
Standardizat în HTML 4.0 ; încă curent.
<meter>...</meter>
Un contor care are nevoie de un valueatribut. Poate avea de asemenea: min, low, high, și max.
Standardizat în HTML5 .
<option value="x">...</option>
Creează un element într-o <select>listă.
Standardizat în HTML 2.0 ; încă curent.
<optgroup>...</optgroup>
Identifică un grup de <option>elemente dintr-o <select>listă.
Standardizat în HTML 4.0 ; încă curent.
<output>...</output>
Valoarea unui element de formular.
Standardizat în HTML5 .
<progress>...</progress>
O bară pentru a arăta progresul unei acțiuni.
Standardizat în HTML5 .
<select name="xyz">...</select>
Creează o listă de selecție, din care utilizatorul poate selecta o singură opțiune. Poate fi redat ca o listă derulantă.
Standardizat în HTML 2.0 ; încă curent.
<textarea rows="8">...</textarea>
O zonă de text cu mai multe linii, a cărei dimensiune este specificată de cols(unde o coloană are o lățime de text cu un singur caracter) și rows atribute HTML . Conținutul acestui element este limitat la text simplu, care apare în zona de text ca text implicit atunci când pagina este încărcată.
Standardizat în HTML 2.0 ; încă curent.

Mese

Formatul tabelelor HTML a fost propus în schițele HTML 3.0 și ulterior în tabelele RFC 1942 din HTML . Au fost inspirați de modelul de masă CALS . Unele elemente din aceste propuneri au fost incluse în HTML 3.2; forma actuală a tabelelor HTML a fost standardizată în HTML 4. (Multe dintre elementele utilizate în tabele nu sunt nici elemente bloc, nici elemente în linie .)

<table>...</table>
Identifică un tabel. Mai multe atribute HTML sunt posibile în HTML Transitional, dar cele mai multe dintre acestea sunt nevalide în HTML Strict și pot fi înlocuite cu foi de stil. summaryAtributul este informal necesară în scopuri de accesibilitate, deși utilizarea sa nu este simplu.
Propus în schițele HTML 3.0 ; Standardizat în HTML 3.2 ; încă curent.
<tr>...</tr>
Conține un rând de celule într-un <table>.
Propus în schițele HTML 3.0 ; Standardizat în HTML 3.2 ; încă curent.
<th>...</th>
O <table>celulă de antet; conținutul este afișat în mod convenabil îndrăzneț și centrat. Un agent de utilizator auditiv poate utiliza o voce mai puternică pentru aceste articole.
Propus în schițele HTML 3.0 ; Standardizat în HTML 3.2 ; încă curent.
<td>...</td>
O <table>celulă de date.
Propus în schițele HTML 3.0 ; Standardizat în HTML 3.2 ; încă curent.
<colgroup>...</colgroup>
Specifică un grup de coloane într-un <table>.
Propus în tabele HTML ; Standardizat în HTML 4.0 ; încă curent.
<col>...</col>
Specifică o coloană într-un <table>.
Propus în tabele HTML ; Standardizat în HTML 4.0 ; încă curent.
<caption>...</caption>
Specifică o legendă pentru un <table>.
Propus în schițele HTML 3.0 ; Standardizat în HTML 3.2 ; încă curent.
<thead>...</thead>
Specifică partea de antet a <table>. Această secțiune poate fi repetată de agentul utilizator dacă tabelul este împărțit în mai multe pagini (în tipărire sau alte suporturi paginate).
Propus în tabele HTML ; Standardizat în HTML 4.0 ; încă curent.
<tbody>...</tbody>
Specifică un corp de date pentru un <table>.
Propus în tabele HTML ; Standardizat în HTML 4.0 ; încă curent.
<tfoot>...</tfoot>
Specifică partea de subsol a <table>. Ca <thead>și cum , această secțiune poate fi repetată de agentul utilizator dacă tabelul este împărțit pe pagini (în tipărire sau pe alte suporturi paginate).
Propus în tabele HTML ; Standardizat în HTML 4.0 ; încă curent.

Rame

Articol principal: Încadrare (World Wide Web)

Cadrele permit ca o fereastră vizuală a browserului HTML să fie împărțită în segmente, fiecare dintre care poate afișa un alt document. Acest lucru poate reduce utilizarea lățimii de bandă, deoarece părțile repetate ale unui aspect pot fi utilizate într-un cadru, în timp ce conținutul variabil este afișat în altul. Acest lucru poate avea un anumit cost de utilizare, în special în agenții de utilizator non-vizuali, din cauza documentelor separate (sau a site-urilor web) separate și independente care sunt afișate adiacente unul altuia și li se permite să interacționeze cu aceeași fereastră părinte. Datorită acestui cost, cadrele (cu excepția <iframe>elementului) sunt permise numai în setul de cadre HTML 4.01. De asemenea, iframe-urile pot păstra documente pe diferite servere. În acest caz, interacțiunea dintre ferestre este blocată de browser. Site-uri precum Facebook și Twitter folosesc iframe pentru a afișa conținut (pluginuri) pe site-uri web ale unor terțe părți. Google AdSense folosește iframe pentru a afișa bannere pe site-uri terțe.

În HTML 4.01, un document poate conține a <head>și a <body> sau a <head>și a <frameset>, dar nu <body>și a și a <frameset>. Cu toate acestea, <iframe>poate fi utilizat într-un corp normal de documente.

<frameset>...</frameset> (deprecated)
Conține setul de <frame />elemente pentru un document. Aspectul cadrelor este dat de liste separate prin virgulă în atributelerows și cols HTML .
Standardizat în HTML 4.0 Frameset, învechit în HTML5.
<frame /> (deprecated)
Definește un singur cadru sau regiune în cadrul <frameset>. Un document separat este legat de un cadru folosind srcatributul din interiorul <frame />elementului.
Standardizat în HTML 4.0 Frameset, învechit în HTML5.
<noframes>...</noframes> (deprecated)
Conține conținut HTML normal pentru agenții utilizator care nu acceptă <frame />elemente.
Standardizat în HTML 4.0 de tranziție, învechit în HTML5.
<iframe>...</iframe>
Un cadru în linie plasează un alt document HTML într-un cadru. Spre deosebire de un <object />element, un <iframe>poate fi cadrul „țintă” pentru legăturile definite de alte elemente și poate fi selectat de agentul utilizatorului ca punct central pentru imprimare, vizualizarea sursei acestuia și așa mai departe. Conținutul elementului este utilizat ca text alternativ pentru a fi afișat dacă browserul nu acceptă cadre în linie.
Introdus pentru prima dată de Microsoft Internet Explorer în 1997, standardizat în HTML 4.0 Transitional, permis în HTML5.

longdesc atribut

In HTML , longdesceste un atribut utilizat în cadrul <img />, <frame />sau <iframe>elemente. Se presupune că este o adresă URL către un document care oferă o descriere lungă pentru imaginea, cadrul sau iframe-ul în cauză. Rețineți că acest atribut ar trebui să conțină o adresă URL, nu - așa cum este greșit în mod obișnuit - textul descrierii în sine.

longdesca fost conceput pentru a fi utilizat de cititoarele de ecran pentru a afișa informații despre imagini pentru utilizatorii de computere cu probleme de accesibilitate , precum nevăzătorii sau cu deficiențe de vedere, și este implementat pe scară largă atât de browserele web, cât și de cititoarele de ecran. Unii dezvoltatori obiectează că de fapt este rar folosit în acest scop deoarece există relativ puțini autori care folosesc atributul și majoritatea acestor autori îl folosesc incorect; astfel, ei recomandă deprecierea longdesc. Industria editorială a răspuns, susținând păstrarea longdesc.

Exemplu

<img src="Hello.jpg" longdesc="description.html">


Conținutul description.html: 

<br />
<p>This is an image of a two-layered birthday cake.</p>
...

Conectarea la descrierea lungă din text

Deoarece foarte puține browsere grafice acceptă ca link-ul să fie disponibil în mod nativ (Opera și iCab fiind excepțiile), este util să includeți un link către pagina de descriere lângă <img />element ori de câte ori este posibil, deoarece acest lucru poate ajuta și utilizatorii cu vedere.

Exemplu
<img src="Hello.jpg" longdesc="description.html" /> [<a href=
"description.html" title="long description of the image">D</a>]

Elemente istorice

Articol principal: Compararea motoarelor de aspect (HTML non-standard)

Următoarele elemente au făcut parte din HTML-ul timpuriu dezvoltat de Tim Berners-Lee în perioada 1989-1991; acestea sunt menționate în etichete HTML , dar sunt depreciate în HTML 2.0 și nu au făcut niciodată parte din standardele HTML.

<listing>...</listing> (deprecated)
Acest element afișa textul din etichete într-un font monospațial și fără a interpreta codul HTML. Specificația HTML 2.0 a recomandat redarea elementului cu până la 132 de caractere pe rând.
Apreciat în HTML 3.2 ; învechit în HTML5 .
<plaintext /> (deprecated)
<plaintext />nu are o etichetă de final deoarece întrerupe marcajul și face ca restul documentului să fie analizat ca și cum ar fi un text simplu .
<plaintext />a existat în etichete HTML ; depreciat în HTML 2.0 ; nevalid în HTML 4.0 .
<xmp>...</xmp> (deprecated)
Acest element afișa textul din etichete într-un font monospațial și fără a interpreta codul HTML. Specificația HTML 2.0 a recomandat redarea elementului la 80 de caractere pe rând.
Apreciat în HTML 3.2 ; învechit în HTML5 .
<nextid /> (deprecated)
Acest element a permis instrumentului de proiectare web NeXT să genereze etichete automate NAME pentru ancore și a fost generat automat.
<nextid />a existat în etichetele HTML (descrise ca învechite); depreciat în HTML 2.0 ; nevalid în HTML 3.2 și versiuni ulterioare.

Elemente nestandardizate

Articol principal: Compararea motoarelor de aspect (HTML non-standard)

Această secțiune listează câteva elemente învechite utilizate pe scară largă, ceea ce înseamnă că nu sunt utilizate în coduri valide . Este posibil ca acestea să nu fie acceptate de toți agenții utilizator.

Articol principal: Element de clipire
Face ca textul să clipească. Introdus în imitarea codurilor de evadare ANSI . Poate fi realizat cu CSS acolo unde este acceptat: (Acest efect poate avea consecințe negative pentru persoanele cu epilepsie fotosensibilă ; utilizarea acestuia pe internetul public ar trebui să urmeze liniile directoare corespunzătoare.){text-decoration: blink}
<blink>este originar din Netscape Navigator și este recunoscut în mare parte de descendenții săi, inclusiv Firefox ; depreciat sau invalid în HTML 2.0 și versiuni ulterioare. Rețineți că eticheta CSS de înlocuire, deși este standard, nu trebuie să fie acceptată.
<layer>...</layer> (deprecated)
Articol principal: Element strat
Creează un strat poziționat și încadrat absolut. Poate fi realizat cu cadre și / sau CSS. Există atribute, inclusiv ID - ul , STÂNGA , TOP , PaginaX , PaginaY , SRC , Z-INDEX , DE MAI SUS , LATIME , INALTIME , DE MAI JOS , CLIP , VIZIBILITATE și CLIP .
<layer>originar din Netscape 4 ; depreciat sau invalid în HTML 4.01 și versiuni ulterioare.
<marquee>...</marquee> (deprecated)
Articol principal: Element de carcasă
Creează text cu defilare. Poate fi realizat cu scripting. (Acest efect poate avea consecințe negative pentru persoanele cu epilepsie fotosensibilă ; utilizarea acestuia pe internetul public ar trebui să urmeze liniile directoare corespunzătoare.) Există trei opțiuni, inclusiv Alternate , Scroll și slide . Poate fi adăugat și Scrolldelay .
<marquee>provenit din Microsoft Internet Explorer ; depreciat sau invalid în HTML 4.01 și versiuni ulterioare.
<nobr>...</nobr> (deprecated)
Face ca textul să nu se rupă la sfârșitul liniei, împiedicând înfășurarea cuvântului în cazul în care textul depășește lățimea obiectului care îl încadrează. Textul adiacent se poate rupe înainte și după acesta. Poate fi realizat cu CSS:{white-space: nowrap;}
<nobr>este un element proprietar recunoscut de majoritatea browserelor din motive de compatibilitate; depreciat sau invalid în HTML 2.0 și versiuni ulterioare.
<noembed>...</noembed> (deprecated)
Specifică conținut alternativ, dacă încorporarea nu poate fi redată. Înlocuit de conținutul elementului sau .<embed><object>

Comentarii

<!-- A Comment -->

Un comentariu în HTML (și XML conexe, SGML și SHTML) utilizează aceeași sintaxă ca și comentariul SGML sau comentariul XML , în funcție de tipul de document.

Spre deosebire de majoritatea etichetelor HTML, comentariile nu se cuibăresc.

Marcajul <!--Xbegin<!--Y-->Xend-->va da comentariulXbegin <! - Y și textul Xend -> după el, sau uneori doar Xend ->, în funcție de browser.

Comentariile pot apărea oriunde într-un document, deoarece analizorul HTML ar trebui să le ignore indiferent unde apar, atâta timp cât nu se află în alte structuri de etichete HTML (adică nu pot fi utilizate lângă atribute și valori; aceasta este o marcare nevalidă : ).<span id="x1"<--for "extension one"--> style="..."<

Comentariile pot apărea chiar înainte de declarația doctype; nicio altă etichetă nu are voie să facă acest lucru.

Cu toate acestea, nu toate browserele și editorii HTML sunt pe deplin conforme cu cadrul de sintaxă HTML și pot face lucruri imprevizibile în anumite condiții de sintaxă. Gestionarea defectuoasă a comentariilor afectează doar aproximativ 5% din toate browserele și editorii HTML folosiți și chiar și atunci doar anumite versiuni sunt afectate de problemele de gestionare greșită a comentariilor (Internet Explorer 6 reprezintă cea mai mare parte a acestui procent ridicat).

Există câteva ciudățenii de compatibilitate care implică comentarii:

  • Plasarea comentariilor - sau într-adevăr a oricăror caractere, cu excepția spațiului alb - înainte doctypeca Internet Explorer 6 să utilizeze modul ciudățenii pentru pagina HTML. Niciuna dintre doctypeinformații nu va fi procesată.
  • Pentru compatibilitate cu unele browsere anterioare anului 1995, conținutul <style>și <script>elementele sunt încă uneori înconjurate de delimitatori de comentarii, iar browserele capabile de CSS și scripturi sunt scrise pentru a ignora în mod specific acea marcare a comentariilor ca nu este de fapt un comentariu. Aceasta înseamnă că încercările de a comenta de fapt CSS și marcarea scriptului prin schimbarea elementelor din comentariu pentru a nu fi recunoscute, de ex .<-- [script]...[/script] -->
  • BlueGriffon HTML editor, în versiunile 1.7. x , face comentarii care nu sunt încorporate în structura sintaxei; va apărea pe ecran. Alți editori HTML pot avea același defect.<style> ... {comment tags} ...</style>

Vezi si

Note

Referințe

  1. ^ a b "§3 Despre SGML și HTML" . Specificații HTML 4.01 . W3C . 24 decembrie 1999. §3.2.1 Elemente.
  2. ^ "§3 Despre SGML și HTML" . Specificații HTML 4.01 . W3C . 24 decembrie 1999. §3.1 Introducere în SGML.
  3. ^ "HTML 4.01, §21, Definiție tip document" . W3C . 24 decembrie 1999.
  4. ^ a b c d e "HTML Standard § Etichete opționale" . WHATWG . Accesat la 22 martie 2019 .
  5. ^ "§1. Document Object Model HTML" . Model de obiect document (DOM) Specificație HTML de nivel 2 . W3C . 9 ianuarie 2003. §1.3. XHTML și HTML DOM.
  6. ^ a b "§7 Structura globală a unui document HTML" . Specificații HTML 4.01 . W3C . 24 decembrie 1999. §7.5.3 Elemente la nivel de bloc și elemente în linie.
  7. ^ Mark Newhouse (27 septembrie 2002). „Proiectare CSS: liste de îmblânzire” . O listă în afară .
  8. ^ XHTML 1.0 §4.2
  9. ^ XML 1.0 (Capacitatea de a produce elemente suplimentare face parte din eXtensibility în acronim.)
  10. ^ XML 1.0 §5.1
  11. ^ WHATWGLS . § 15
  12. ^ XHTML 1.1 §A
  13. ^ „HTML și CSS” . W3C . 2013.
  14. ^ "Anexa D. Foaie de stil implicită pentru HTML 4" . Specificații pentru Foi de stil în cascadă Nivelul 2 Revizuirea 1 (CSS 2.1) . W3C . 7 iunie 2011.
  15. ^ HTML 4.01 §14.1
  16. ^ Ferraiolo, J .; Fujisawa, J .; Jackson, D., eds. (14.01.2003). "§2.3 Opțiuni pentru utilizarea SVG în paginile web" . Grafică vectorială scalabilă (SVG) 1.1 Specificații . W3C . Adus 25.03.2009 .
  17. ^ HTML 4.01 §12.3
  18. ^ HTML 4.01 §14.3.2
  19. ^ HTML 4.01 §18
  20. ^ CSS §1.1
  21. ^ "4.4 Gruparea conținutului - HTML5" . HTML5: un vocabular și API-uri asociate pentru HTML și XHTML - Recomandare W3C . Consorțiul World Wide Web . 28 octombrie 2014. §4.4.8 Elementul dl . Accesat la 16 august 2015 .
  22. ^ "Liste în documente HTML" . Specificații HTML 4.01 - Recomandare W3C . Consorțiul World Wide Web. 24 decembrie 1999. §10.3 Lista definițiilor: elementele DL, DT și DD . Accesat la 2 mai 2015 .
  23. ^ W3C (5 aprilie 2011). „HTML5: un vocabular și API-uri asociate pentru HTML și XHTML, schiță de lucru W3C” ..
  24. ^ HTML 4.01 , W3.org , recuperate 2012-03-26
  25. ^ HTML 4 pentru manechine , ediția a 5-a, 2005, de Ed Tittel, Mary C. Burmeister; p. 96.
  26. ^ "ServerWriter - / Furnizor" . www.w3.org .
  27. ^ „HTML 5.2” . www.w3.org .
  28. ^ Etichetă de acronim, acronim.
  29. ^ 4.6 Semantică la nivel de text - Elementul b , Developers.whatwg.org , recuperat 26.03.2012
  30. ^ 4.6 Semantică la nivel de text - Elementul i , Developers.whatwg.org , recuperat 26.03.2012
  31. ^ 4.6 Semantică la nivel de text - Elementul u , Developers.whatwg.org , recuperat 26.03.2012
  32. ^ 4.6 Semantică la nivel de text - Elementul mic , Developers.whatwg.org , recuperat 26.03.2012
  33. ^ 4.6 Semantică la nivel de text - Elementul s , Developers.whatwg.org , recuperat 26.03.2012
  34. ^ A b 11 caracteristici Obsolete - HTML5 , W3.org , recuperate 2012-03-26
  35. ^ "Specificația HTML5 a fost finalizată, certarea asupra specificațiilor continuă" . Ars Technica. 29 octombrie 2014 . Accesat la 29 octombrie 2014 .
  36. ^ "9.2.1 Elemente de expresie: EM, STRONG, DFN, COD, SAMP, KBD, VAR, CITE, ABBR și ACRONYM" . Specificații HTML 4.01 . W3C . 24 decembrie 1999 . Accesat la 26 iulie 2018 .
  37. ^ HTML 5.2 Recomandarea W3C , la "§4.5.6. Elementul citat" .
  38. ^ Standard de viață HTML , la „§4.5.6 Elementul citat” .
  39. ^ "<data>" . Documente Web MDN .
  40. ^ „Etichetă HTML <rb>” . www.quackit.com .
  41. ^ "<rp>: elementul de paranteză Ruby Fallback" . Documente Web MDN .
  42. ^ "<rt>: Elementul Ruby Text" . Documente Web MDN .
  43. ^ "<rtc>: elementul Ruby Text Container" . Documente Web MDN .
  44. ^ "<ruby>" . Documente Web MDN .
  45. ^ "<timp>" . Documente Web MDN .
  46. ^ Jennifer Kyrnin <embed>
  47. ^ W3Schools despre<embed>
  48. ^ Textul atributului alt nu poate fi stilizat cu marcare; ca rezultat,au fost conceputealte metode de prezentare alternativă a textului, cum ar fi Fahrner Image Replacement , pentru a se potrivi situațiilor în care codificatorul dorește ca textul stilat să fie afișat dacă imaginile sunt dezactivate în browserul unui utilizator.
  49. ^ „Ce este nou în Internet Explorer 8 - Accesibilitate și ARIA” . MSDN . Microsoft . Adus 22-07-2009 .
  50. ^ Bug 5566 - ALT valoare de atribut , uneori , nu este afișată atunci când imaginea lipsește , Bugs.webkit.org , recuperate 2012-03-26
  51. ^ WWW-Talk Jan-Mar 1993: a propus nouă etichetă: IMG , 1997.webhistory.org , recuperate 2012-03-26
  52. ^ "Sunt cadre accesibile?" . ... cadrele prezintă provocări suplimentare de utilizare care sunt unice pentru utilizatorii cu dizabilități, în special pentru cei care folosesc cititoare de ecran.
  53. ^ "Obiecte, imagini și appleturi" . W3C . Adus 20 decembrie 2008 .
  54. ^ "InState Longdesc" . Adus 05-09-2011 .
  55. ^ „Crearea de imagini accesibile” . WebAim . Adus 20 decembrie 2008 .
  56. ^ Utilizare longdesc - WHATWG Wiki , Wiki.whatwg.org , recuperate 2012-03-26
  57. ^ "Bug 13461 - Comentariu la numărul 30 (longdesc) de la Association of American Publishers" . Adus 05-09-2011 .
  58. ^ "<listare>" . Documente Web MDN .
  59. ^ "<xmp>" . Documente Web MDN .
  60. ^ "<nextid>: elementul NeXT ID (învechit)" . Documente Web MDN .
  61. ^ a b Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (05.05.1999). „Ghidul de accesibilitate pentru conținutul web 1.0” . Consorțiul World Wide Web . Adus 20.07.2010 .

Bibliografie

Standarde HTML

HTML 2.0:
Berners-Lee, Tim ; Connolly, Dan (noiembrie 1995). „Limbaj de marcare hipertext - 2.0 (RFC 1866)” . IETF . Adus 24/03/2009 .
HTML 3.2:
Raggett, Dave (1997-01-14). "Specificații de referință HTML 3.2" . W3C . Adus 27-03-2009 .
HTML 4.01:
Raggett, Dave ; Le Hors, Arnaud; Jacobs, Ian (1999-12-24). "Specificație HTML 4.01" . W3C . Adus 24/03/2009 . (HTML 4.01 a înlocuit 4.0 (1998), care nu a fost niciodată implementat pe scară largă, și toate versiunile anterioare. A fost înlocuit la rândul său pe 27.03.2018 de HTML 5.2 )
XHTML 1.0:
W3C (2002-08-01) [2000]. „XHTML 1.0: Limbajul extensibil de marcare a hipertextului (ediția a doua)” . Versiune revizuită. W3C . Adus 24/03/2009 .
XHTML 1.1:
Altheim, Murray; McCarron, Shane; Ishikawa, Masayasu, eds. (23.11.2010) [2001]. „XHTML 1.1 - XHTML bazat pe module - Ediția a doua” . Versiune revizuită. W3C . Adus 26-07-2018 . (Înlocuit în data de 27.03.2018 de HTML 5.2.)
Austin, Daniel; Peruvemba, Subramanian; McCarron, Shane; Ishikawa, Masayasu; Birbeck, Mark; Altheim, Murray; Boumphrey, Frank; Dooley, Sam; Schnitzenbaumer, Sebastian; Wugofski, Ted, eds. (29.07.2010) [2006]. "Modularizare XHTML 1.1 - Ediția a doua" . Versiune revizuită. W3C . Adus 26-07-2018 . (O versiune mai detaliată a celor de mai sus. Înlocuit, de asemenea, în data de 27.03.2018 de HTML 5.2 .)
W3C HTML 5.2:
Faulkner, Steve; Eicholz, Arron; Leithead, Travis; Danilo, Alex; Luna, Sangwhan; Doyle Navara, Erika; O'Connor, Theresa; Berjon, Robin, eds. (2014-12-14) [2016]. „Recomandare HTML 5.2 W3C” . Versiune revizuită. W3C . Adus 26-07-2018 . Înlocuiește toate versiunile anterioare de HTML și XHTML, inclusiv HTML 5.1 .
Standard de viață WHATWG HTML5:
Hickson, Ian , ed. (25.07.2018). „Standard de viață HTML” . Versiune de o pagină. WHATWG . Adus 26-07-2018 . Disponibil, de asemenea, ca versiune multipagină și ediția pentru dezvoltatori (de asemenea, pe mai multe pagini, cu o funcție de căutare și alte gadget-uri și minus detalii numai de interes pentru furnizorii de browsere).

Alte surse

Etichete HTML:
Berners-Lee, Tim (03-01 1992). „Etichete HTML” . Adus 28.03.2009 . (Parte a primei descrieri HTML publicate.)
Proiect de Internet HTML 1.2:
Berners-Lee, Tim ; Connolly, Dan (iunie 1993). "Limbaj de marcare hipertext (HTML)" . Adus 28.03.2009 .
Proiecte HTML 3.0:
Raggett, Dave (24-03 1995). "Specificația limbajului de marcare HyperText Versiunea 3.0 (schiță)" . Adus 18/04/2009 . (Acesta este proiectul final al HTML 3.0, care a expirat fără a fi dezvoltat în continuare.)
Tabelele HTML:
Raggett, Dave (mai 1996). „Tabelele HTML (RFC 1942)” . IETF . Adus 22/03/2009 .
XML 1.0:
Bray, Tim ; Paoli, Jean ; Sperberg-McQueen, C. Michael ; Maler, Eva; Yergeau, François, eds. (26.11.2008). "Limbaj extensibil de marcare (XML) 1.0 (ediția a cincea)" . W3C . Adus 20.03.2009 .
CSS 1:
Lie, Håkon Wium ; Bos, Bert (2004-04-11) [1996]. „Foi de stil în cascadă, nivel 1” . Versiune revizuită. W3C . Adus 26-07-2018 .
CSS 2.1:
Bos, Bert ; Çelik, Tantek ; Hickson, Ian ; Lie, Håkon Wium (12 aprilie 2016) [2011]. "Specificații pentru foile de stil în cascadă Nivelul 2 Revizuirea 1 (CSS 2.1)" . Versiune revizuită. W3C . Adus 26-07-2018 .
CSS 3 și 4:
Atkins, Tab, Jr .; Eternad, Elika J .; Rivoal, Florian (31 ianuarie 2017). „Instantaneu CSS 2017” . W3C . §2. Foi de stil în cascadă (CSS) - Definiția oficială . Adus 26-07-2018 . (Lista specificațiilor active care au înlocuit CSS 2.1, de la data publicării.)
„Stare curentă CSS” . W3C . 2018 . Adus 26-07-2018 . (Nivelurile CSS 3 și 4 sunt dezvoltate ca module independente, indexate la acea pagină.)

linkuri externe