HTML5 este cea mai recentă și cea mai bună versiune a celui mai răspândit limbaj de marcare pe internet. Există câteva schimbări majore în cea mai recentă versiune a limbii și, dacă nu le folosiți, pierdeți o funcționalitate foarte grozavă.
Nu voi trece peste fiecare element nou din HTML 5, dar aceste nouă sunt unele dintre cele mai importante.
Introducere în elementele semantice
La fel ca majoritatea web-ului, HTML5 a trecut la semantică. Acum, etichetele care au fost folosite odată pur și simplu pentru formatare sunt folosite și pentru a spune browserului și motoarelor de căutare ce înconjoară.
De exemplu,
Pur și simplu spune browserului ce conține paragraful.
Web-ul semantic este încă în evoluție și abia am început să zgârie suprafața a ceea ce poate face. HTML5 ajută la introducerea markupului semantic într-o parte mult mai mare a Internetului, iar acest lucru ar putea fi util pentru viitorul procesării semantice.
1. (Articol)
Etichetă
Dar există și alte moduri de a-l folosi. De exemplu, multe bloguri culinare includ povești personale despre cum a apărut o rețetă sau de ce este importantă pentru scriitor. Apoi vine rețeta. Puteți argumenta că fiecare dintre aceste elemente poate sta singur.
Pe un forum, fiecare postare sau thread poate fi considerată autonomă, iar fiecare dintre ele poate fi etichetat cu propria etichetă
2. (Capitol)
Nu este necesar. W3 subliniază că acest lucru depinde de structura site-ului dvs. Puteți avea conținut autonom în diferite secțiuni ale paginii dvs. (de exemplu, prima pagină a unui site de știri). Apoi, puteți avea secțiuni în acest articol.
Totul sună mai bine. Iată ce trebuie să faci. . .De ce ai nevoie de un DAC
Cum se configurează un DAC
Puteți chiar să aveți secțiuni în cadrul secțiunilor dacă se potrivesc paginii dvs. Amintiți-vă că o secțiune este pur și simplu o „grupare tematică de conținut” și veți găsi multe locuri pentru a o folosi.
3. (Titlu)
Acest element „ar trebui folosit ca un container pentru conținut introductiv. Pe scurt, este partea din pagina dvs. care îi ajută pe oameni să înțeleagă ce urmează să citească.
Dar nu vă lăsați păcăliți - puteți folosi acest recipient de mai multe ori. De exemplu, îl puteți folosi pentru a defini titlul paginii și paragraful introductiv al articolului dvs. de blog. Dar îl puteți folosi și pentru a marca conținutul introductiv pentru fiecare secțiune.
Secțiunile conțin de obicei cel puțin o etichetă de antet - H1, H2 etc. Acest lucru nu este necesar, dar dacă utilizați un
4.
W3 spune că etichetele de subsol conțin de obicei „autorul documentului, informații despre drepturile de autor, link-uri către termenii de utilizare, informații de contact etc.” Puteți să vă gândiți la el ca la un material „casă”.
Documentația precizează, de asemenea, că puteți avea mai mult de un subsol pe pagina dvs. Dar, după părerea mea, este mai bine să păstrezi toate aceste informații într-un singur loc.
5.
Despre mine
Este o etichetă foarte simplă - asta-i tot. Folosiți-l pentru a defini secțiunea de navigare și nu o mai utilizați pe pagina dvs.
6.
Unul dintre cele mai interesante elemente noi din HTML5 este deoparte. W3 îi oferă definiția oarecum neutilă a „un conținut, altul decât conținutul în care este plasat”.
Pe scurt, deoparte este orice este legat de (dar separat de) informațiile din jur. Aceasta ar putea fi o bară laterală care adaugă detalii conținutului dvs. Când este folosit într-o etichetă
De exemplu, dacă aș include o bară laterală în acest articol care oferă informații despre istoria HTML5, ar fi „Informații suplimentare”.
Dar eticheta
Deoarece există mai multe utilizări pentru această etichetă, poate fi confuză. Dacă îți amintești că acesta este „conținut secundar” și că nu trebuie să fie întotdeauna o bară laterală, vei avea o idee mai bună despre cum să-l folosești.
7. (Detalii)
Multe site-uri web au informații care ar trebui afișate, dar nu în mod vizibil. Acestea pot fi informațiile privind drepturile de autor pentru fotografie. Sau litere mici înainte sau după articol. Aceste informații sunt exact pentru care este eticheta pieselor.
Când utilizați eticheta de detalii, creați text ascuns care poate fi afișat cu ușurință. Iată un exemplu:
Faceți clic aici pentru a vizualiza informații.
Doar faceți clic pe săgeată pentru a obține detalii. Iată codul folosit pentru exemplul de mai sus:
Etichetă
Există și alte lucruri interesante pe care le puteți face cu HTML, chiar dacă nu cunoașteți CSS sau JSON.
8-9.
Nu vă faceți griji eticheta pe care îl folosești de ani de zile nu dispare.
Dacă o formă este eliminată dintr-o pagină, aceasta nu va afecta fluxul de conținut.
Vă oferă o modalitate încorporată de a adăuga subtitrări imaginilor. Nu mai căutați-l în CMS.
Profită de HTML5
Noile elemente HTML5 adaugă o mulțime de lucruri noi, în special în scopuri semantice. Există elemente suplimentare pentru formatare, dimensiuni scalare, execuție a sarcinilor etc. Puteți vedea toate elementele noi în W3Schools.
Dar dacă reușiți să le stăpâniți pe aceste nouă, veți fi pe cale să utilizați corect HTML5.
Ai început să folosești HTML5? Ce elemente noi vi se par cele mai utile? Împărtășiți-vă gândurile în comentariile de mai jos!
HTML 5 este o versiune nouă a celui mai popular limbaj de marcare.
De mai bine de 10 ani, limbajul de marcare hipertext HTML practic nu s-a schimbat, ceea ce a fost foarte ciudat, având în vedere viteza enormă de dezvoltare a tehnologiilor Web, iar acum, în sfârșit, schimbarea a avut loc și a apărut HTML 5.
ÎN HTML 5 au fost adăugate mai multe elemente și atribute noi, iar câteva vechi au fost eliminate (de exemplu, fontȘi centru).
Au fost adăugate următoarele elemente:
1) antet.
2) subsol.
4) secțiune.
5) articol.
6) deoparte.
7) figura.
8) dialog.
9) m (marca).
10) timp.
11) metru.
12) progres.
13) video.
14) audio.
15) Detalii.
16) Grila de date.
17) meniul.
18) comanda.
Orice altceva rămâne neschimbat. Adică nu vor fi probleme cu el, cu condiția să fii familiarizat cu cel standard. De fapt, totul rămâne la fel, au fost adăugate doar funcții noi.
Datorită inovațiilor HTML 5 Puteți ușura semnificativ munca webmasterilor simplificând același marcaj.
Cu siguranță, vă întrebați: „Va funcționa? HTML 5 cu browsere mai vechi?" Răspunsul este: „Desigur, da, dar elementele noi, desigur, nu vor fi afișate." Sau, cu alte cuvinte, toată lumea va vedea paginile noi, dar cei cu versiuni moderne de browser vor vedea o putin mai mult si diferit.
Sunt sigur că în viitorul apropiat HTML 5 vor putea vedea același procent de utilizatori pe care îl văd în prezent HTML 4, care are deja peste 10 ani.
Și despre utilizarea noilor oportunități HTML 5 vom vorbi cu tine în articolele următoare.
Standardul HTML5 este din ce în ce mai utilizat în designul web modern. Și deși este încă în curs de dezvoltare, multe dintre standardele sale au fost deja aprobate și sunt folosite de toate browserele moderne, inclusiv de cele mobile.
În acest articol, ne vom uita la unele dintre noile funcții ale HTML5 cu exemple specifice despre cum să le folosim în practică.
DOCTYPE nou
Să ne amintim cum este definit un document XHTML tipic în secțiunea DOCTYPE:
‹!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"›
Declararea unui tip de document în limbajul de marcare pare mult mai concis și mai ușor de citit
‹!DOCTYPE html›
Mai mult, puteți utiliza acest DOCTYPE atunci când așezați orice pagină. Dacă browserul nu este familiarizat cu HTML5, va afișa pagina în modul standard.
Semantică îmbunătățită a codului
Semantica îmbunătățită a codului permite motoarelor de căutare să diferențieze clar tipurile de conținut dintr-o pagină, să separe informațiile importante și să mărească clasarea paginii pentru interogările de căutare.
ElementeAntet șiSubsol
Acum poți scăpa de construcții ca
‹div id="header"› … ‹/div› ‹div id="footer"› … ‹/div›
Și începeți să folosiți unele care sunt mai ușor de înțeles atât pentru oameni, cât și pentru mașini
‹header› … ‹/header› ‹footer› … ‹/footer›
‹div› după origine nu au nicio structură semantică și pot fi imbricate de mai multe ori unul în celălalt și în cadrul altor containere. Utilizarea unei structuri semantice mai atentă permite motorului de căutare să diferențieze în mod clar unde se află antetul, subsolul și partea principală a informațiilor.
ElementFIGURA
Luați în considerare următoarea bucată de cod:
‹img src="mars.jpg" alt="Despre Marte" /› ‹p›This is an image of Mars‹/p› !}
În acest caz, este dificil pentru motoarele de căutare să stabilească că eticheta ‹p› care conține o descriere a imaginii este de fapt descrierea acesteia. De aceea, este mai bine să combinați astfel de construcții într-un container comun, care este ‹figura ›:
‹figura› ‹img src="mars.jpg" alt="Despre Marte" /› ‹figcaption› ‹p›This is an image of Mars‹/p› ‹/figcaption› ‹/figure› !}
În acest caz, există o etichetă suplimentară ‹figcapture›, care specifică unde este conținutul figurii și unde este titlul acesteia.
Utilizarehgroup
Imaginează-ți că antetul de pe site-ul tău web constă dintr-un titlu principal și un subtitlu. Folosirea etichetelor obișnuite ‹h1› și ‹h2› nu reflectă în niciun fel relația dintre aceste două elemente. Prin urmare, ele pot fi combinate semantic folosind eticheta ‹hgroup›:
‹header› ‹hgroup› ‹h1›Galerie foto‹/h1› ‹h2›Postul nostru vacant în Praga‹/h2› ‹/hgroup› ‹/header›
Nu există tipuri pentru conectarea scripturilor și a foilor de stil
Este posibil să utilizați în continuare structuri pentru a conecta scripturi, biblioteci, foi de stil etc. de următoarea formă:
‹link rel="stylesheet" href="stylesheet.css" type="text/css" /› ‹script src="script.js" type="text/javascript"›‹/script›
Deci, acum nu mai este nevoie să specificați tipul de fișier care trebuie inclus. Browserul îl va detecta automat. Aceasta înseamnă că atributul type nu mai este necesar:
‹link rel="stylesheet" href="stylesheet.css" /› ‹script src="script.js"›‹/script›
Structura codului
Standardul XHTML a cerut ca valorile atributelor să fie specificate între ghilimele simple sau duble. Standardul HTML5 vă permite să omiteți utilizarea ghilimelelor dacă acestea nu sunt necesare, de ex. valoarea atributului este specificată într-un cuvânt fără spații. Mai mult, nici măcar nu trebuie să închideți elementele pereche. Iată un exemplu:
‹p class=myClass id=pId›Conținut
Cu toate acestea, acest lucru poate afecta lizibilitatea codului din partea dezvoltatorului. Prin urmare, stilul de scriere a codului depinde în totalitate de dvs., deoarece stilul vechi (testat în timp) este încă acceptat.
Conținut editabil
HTML5 vă permite să faceți conținutul site-ului dvs. complet editabil, fără a fi nevoie să inserați câmpuri de text ascunse. Tot ce trebuie să faceți este să adăugați atributul contenteditable="true" (sau fără ghilimele, după cum am aflat în paragraful anterior) la elementul pe care doriți să îl faceți editabil. După aceasta, utilizatorul va putea să-și editeze conținutul direct din pagină.
În acest caz, utilizatorul poate adăuga, șterge și edita articole din lista neordonată ‹ul›. Mai jos este un exemplu de listă ale cărei articole pot fi modificate
- Uită la TV
- Ascultă muzică
- Joaca jocuri video
Caracteristici noi de formular
HTML5 oferă utilizatorilor și dezvoltatorilor o mai mare flexibilitate în introducerea informațiilor în formulare. În aceste scopuri, s-au adăugat multe lucruri utile. Să ne uităm la unele dintre ele.
Câmpuri de intraree-mail
Utilizați atributul type="email" pentru eticheta ‹input›, iar câmpurile de introducere vor avea abilități unice suplimentare pentru a verifica corectitudinea adresei introduse, iar dacă adresa este introdusă incorect, browserul va afișa utilizatorului un mesaj de avertizare.
‹input id="email" name="email" type="email" /›
Rezultatul ar putea arăta astfel (Google Chrome):
Există și alte câmpuri de introducere, cum ar fi adresele site-urilor web sau numerele de telefon. Principiul funcționării lor este similar cu câmpul de e-mail.
Folosind indicii
Acum nu este nevoie să folosiți javascript pentru a crea substituenți pentru introducerea câmpurilor de text. HTML5 oferă un atribut de substituent special care poate afișa un indiciu de text de fundal pentru un câmp.
‹input name="email" type="email" placeholder=" [email protected]" /›
Rezultatul este prezentat mai jos:
Acest exemplu va funcționa numai în browsere care acceptă HTML5
E-mail:
Focalizare automată
Fără a utiliza javascript, puteți concentra automat un element după ce pagina s-a încărcat. Pentru a face acest lucru, trebuie să adăugați un atribut fără parametri la câmpul care trebuie introdus mai întâi.
‹input name="nume" tip="text" focalizare automată /›
Câmpul de nume va fi activat automat și gata pentru a introduce text.
Câmpuri obligatorii
Dacă trebuie să marcați unele câmpuri ca fiind necesare, acum trebuie doar să specificați atributul. Astfel, la trimiterea formularului, browserul va verifica dacă sunt completate câmpurile obligatorii și, dacă nu, va afișa un mesaj.
‹input name="name" type="text" placeholder="John Smith" required /› !}
Mai jos este o ilustrare a rezultatului acestui cod (Google Chrome):
GamăIntrare
HTML5 introduce un control complet nou - introducere interval, care este un glisor a cărui valoare este modificată prin glisarea unui marcator special între valorile prestabilite.
‹input type="range" name="cantity" min="0" max="100" step=".25" value="10" /›
Atributele min și max sunt folosite pentru a seta valorile extreme ale glisorului, pasul este pasul în care se modifică valoarea. Browserul Google Chrome afișează acest control după cum urmează:
Acest exemplu va funcționa numai în browsere care acceptă HTML5
Stocare locală
Stocarea locală vă permite să salvați informațiile introduse de utilizator dacă pagina browserului este închisă sau reîncărcată. Acest lucru este foarte convenabil, mai ales în cazurile în care formularul este destul de mare și site-ul a fost închis accidental.
Stocarea locală în sine nu face parte din specificația HTML5, dar este strâns legată de aceasta.
Stocarea locală este gestionată prin obiectul clasei localStorage folosind două metode setData() și getData() . Mai jos este un exemplu care folosește lista editabilă descrisă mai sus, care va stoca ultimele valori introduse în ea.
‹h1›To-Do List‹/h1› ‹ul contenteditable=true› ‹li›Uită-te la televizor‹/li› ‹li›Ascultă muzică‹/li› ‹li›Joacă jocuri video‹/li› ‹/ul›
JavaScript (folosind biblioteca jQuery, dar aceasta este opțională):
$("#todo").blur(function () ( localStorage.setItem("todoData", this.html); )); if (localStorage.getItem("todoData")) ( $("#todo").html(localStorage.getItem("todoData")); )
Suport multimedia
Acum nu mai este nevoie să folosiți pluginuri și biblioteci terțe pentru a conecta diverse fișiere audio și video. Toate capabilitățile de încorporare media sunt acum incluse în specificația HTML5.
Audio
Pentru a încorpora un fișier audio într-o pagină, trebuie să utilizați eticheta ‹audio› cu atributele necesare. Exemplul de mai jos afișează pe pagină un bloc de control pentru un fișier audio care conține un link pentru descărcarea acestui fișier. Sunetul va fi redat automat.
‹Comenzi de redare automată audio›
‹source src="file.ogg" /›
‹sursă src="fișier.mp3" /›
‹a href="file.mp3"›Descărcați acest fișier.‹/a›
Pe pagină, acest bloc poate arăta astfel (browserul Google Chrome)
Această etichetă are propriile caracteristici de suport în browsere. De exemplu, browserul Mozilla Firefox funcționează cu fișiere .ogg, în timp ce browserele Webkit funcționează cu .mp3
Video
Până de curând, singura modalitate de a insera conținut video într-o pagină HTML era integrarea conținutului Flash. Cu toate acestea, această capacitate este oferită acum de browserele care îndeplinesc specificațiile HTML5. Acest lucru a câștigat o popularitate deosebită atunci când cel mai mare site de găzduire video YouTube.com a trecut la formatul HTML5.
Pentru a integra cu succes un videoclip într-o pagină, trebuie să utilizați eticheta ‹video›. Din păcate, nu există un consens între producătorii de browser în ce format ar trebui să fie prezentat videoclipul, așa că fiecare dintre ei își promovează propriul format. În timp ce IE și Safsri acceptă video H.264 (care a fost acceptat de playerele Flash), Opera și Firefox promovează formatele open source Vorbis și Theora. Chrome, pe de altă parte, poate afișa corect videoclipuri în toate formatele, inclusiv WebM.
‹preîncărcare comenzi video› ‹source src="video.ogv" type="video/ogg; codecs="vorbis, theora""" /› ‹source src="video.mp4" type="video/mp4; codecs=" avc1.42E01E, mp4a.40.2"" /› ‹p›Browserul dvs. este vechi. ‹a href="video.mp4"›Descarcă în schimb acest videoclip.‹/a› ‹/p› ‹/video›
Nu toate browserele pot afișa videoclipuri HTML5, așa că sub eticheta ‹sursă› puteți specifica un link pentru a descărca videoclipul sau puteți integra un player Flash.
Atributul de preîncărcare permite browserului să înceapă automat încărcarea videoclipului, ceea ce poate fi util dacă videoclipul este suficient de mare. Atributul de control vă permite să setați controale standard pentru fluxul video.
Ce este nou în HTML5 care nu a fost în HTML4?
Și practic totul este nou. Specificația HTML5 aduce cu sine multe modificări de diferite niveluri și importanță. Modificările fundamentale pot fi împărțite în mai multe blocuri:
- Semantica limbajului. HTML5 introduce o serie de noi etichete semantice care vă permit să organizați mai semnificativ structura internă a paginilor web.
Să ne uităm la cele mai faimoase dintre ele:
- nav- servește la crearea unui panou de navigare;
- deoparte- este o etichetă unificatoare, cea mai potrivită pentru evidențierea unei bare laterale. Poate include atât blocuri de navigare, cât și alte elemente care nu sunt de navigare (bannere publicitare, fotografia autorului, butoanele rețelelor sociale etc.);
- secțiune- de asemenea o etichetă unificatoare. Mai mult, poate acționa în diferite roluri: fie împarte pagina în mai multe zone tematice, fie împarte articolul în sine de pe pagină în secțiuni separate;
- articol- servește la împărțirea paginii în articole separate. Atât etichetele de secțiune, cât și de articol au o serie de caracteristici interesante. De exemplu, acum puteți utiliza în siguranță titlul H1 de primul nivel pe o pagină de mai multe ori, ceea ce anterior era inacceptabil;
- hgroup- eticheta este concepută pentru a grupa titlurile paginilor într-o singură unitate logică;
- video- servește pentru inserarea simplă a videoclipurilor pe paginile site-ului;
- audio- conceput și pentru inserarea simplă a conținutului media pe paginile site-ului web;
- pânză- creează o zonă în care, folosind JavaScript, puteți desena diverse obiecte, afișa imagini, le puteți transforma și modifica proprietățile.
Puteți afla despre alte etichete de pe htmlbook.ru.
- Multimedia. HTML5 acceptă acum conținut multimedia (player audio și video) în marcajul HMTL din cutie - cu API-ul corespunzător pentru controlul redării și codec-urilor.
- Arte grafice. Lucrul cu grafica a devenit mult mai ușoară, datorită etichetei canvas și unui API JavaScript special pentru lucrul cu acesta. De asemenea, HTML5 include oficial eticheta svg, care vă permite să implementați grafică vectorială descrisă de standardul web corespunzător (SVG, Scalable Vector Graphics).
- Formulare web. Noi elemente de formular web: atât tipuri, cât și atribute, care vă permit să extindeți capacitățile formularelor tradiționale cu instrumente încorporate, fără a utiliza biblioteci suplimentare pentru validarea datelor de intrare și a indicațiilor de instrucțiuni în formulare.
- API JavaScript. Un API pentru lucrul cu elemente grafice și multimedia, noi capabilități avansate pentru mutarea obiectelor și lucrul cu istoricul tranzițiilor (API-ul Istoric), precum și o serie de lucruri mici, cum ar fi capacitatea de a face conținutul editabil chiar în locația curentă folosind Conținut Atribute editabile.
- Mult mai mult. Comunicații avansate în rețea. Stocarea datelor îmbunătățită semnificativ. Instrumente Web Worker pentru executarea proceselor de fundal. Interfață WebSocket pentru stabilirea unei conexiuni persistente între o aplicație rezidentă și server. Viteză crescută de salvare și încărcare a paginilor. Suport CSS3 pentru controlul UI, ceea ce face HTML5 centrat pe conținut.
Deci, este evident că formatul HTML5 demonstrează o abordare fundamental nouă pentru a crea grafică eficientă și memorabilă, elemente interactive și alte componente ale designului web și interfeței de înaltă calitate. Acest lucru oferă un avantaj indubitabil - capacitatea de a evita elementele flash care creează anumite dificultăți la încărcarea paginilor. În același timp, este nevoie de ceva timp pentru a încărca astfel de pagini. În plus, pentru a funcționa corect cu HTML5, aveți nevoie de un computer cu capacitatea de sistem adecvată, iar dezvoltatorii de browsere sunt prea leneși să adauge suport complet pentru toate funcțiile HTML5.
Ce este nou în HTML5? Diferențele dintre HTML5 și HTML 4
Specificația HTML5 introduce multe modificări de diferite niveluri și importanță. În principiu, schimbările cheie pot fi împărțite în 7 blocuri:
a) Semantică (sensul semantic al unităților de limbaj)
HTML5 introduce o serie de noi etichete semantice care vă permit să organizați mai semnificativ structura internă a paginilor web. Aceasta include atât etichete de bloc, cum ar fi antet, subsol, articol, cât și etichete de marcare text, cum ar fi mark, ruby, detalii. Un număr de etichete HTML4 existente au fost declarate învechite, etichetele individuale și-au schimbat sensul, iar atributele au suferit anumite modificări.
b) Multimedia
HTML5 adaugă suport nativ pentru conținutul multimedia (audio și video) chiar în marcajul HMTL -- cu API-ul asociat pentru gestionare.
c) Grafică
Lucrul cu grafica din partea clientului a devenit considerabil mai ușor. Elementul canvas și un API JavaScript special pentru lucrul cu acesta au fost adăugate la HTML5. Canvas este o „suprafață” dinamică pe care puteți desena în mod programatic. HTML5 include oficial și eticheta svg, care vă permite să implementați grafică vectorială descrisă de standardul web corespunzător SVG (Scalable Vector Graphics).
d) Formulare web
Noi elemente de formular web: tipuri și atribute care vă permit să extindeți capacitățile formularelor tradiționale cu instrumente încorporate fără a utiliza biblioteci suplimentare - de la indicii în câmpul de introducere (substituent) și validarea valorilor introduse până la elemente speciale pentru introducerea datelor și culorilor.
e) API-uri JavaScript.
HTML5 include noi capabilități pentru mutarea obiectelor (Drag & Drop), lucrul cu istoricul tranzițiilor (History API), precum și o serie de lucruri mici, cum ar fi capacitatea de a face conținutul editabil chiar în locația curentă folosind atributele Content Editable .
e) DOCTYPE nou
Eticheta DOCTYPE este o componentă cheie a paginilor web care pretind că respectă standardele: fără ea, codul nu va trece validatorul. DOCTYPE este, de asemenea, important pentru ca pagina să se afișeze și să funcționeze corect în browserele compatibile cu standardele.
Au existat 3 tipuri de elemente în HTML 4:
- 1. Strict
- 2. Tranzitorie
- 3. Cu rame (Frameset)
Adesea, alegerea unuia sau a altuia element DOCTYPE a fost destul de dificilă. În HTML5 DOCTYPE există doar unul, este scris astfel:
Această intrare scurtă înlocuiește forma mai veche, mai lungă:
„http://www.w3.org/TR/html4/strict.dtd”>
g) Sintaxă
HTML 5 va avea două sintaxe - HTML „personalizat” și XML. Sintaxa HTML definește reguli detaliate de analiză (inclusiv „tratarea erorilor”).
Sintaxa XML este compatibilă cu documentele XHTML1 și implementările sale. Pentru a utiliza această sintaxă, tipul MIME (Multipurpose Internet Mail Extensions) trebuie declarat ca tip XML, iar elementele trebuie construite conform specificației XML.
Figura 2 - Proprietăți HTML5 de bază