Să înlocuim prima linie cu tipul de document standard HTML 4.01 sintaxă tranzitorie:

Acum gobbledygook spune browserului că documentul HTML este scris în conformitate cu sintaxa de tranziție a standardului HTML 4.01, deoarece autorul documentului, din când în când, are o dorință irezistibilă de a folosi directivele interzise de standard. Introducând acest DOCTYPE în codul de mai sus, vom repeta validarea.

Voila, dragă cititor, acele două greșeli au dispărut:

Cred că toate diferențele ar trebui să fie clare acum strictŞi tranzitorie sintaxă.

Tipul de document tranzițional al standardului XHTML 1.0 va permite utilizarea directivelor HTML pentru a seta aspectul, dar conformitatea cu ideologia XML va fi monitorizată îndeaproape și va răspunde cu o eroare de validare la fiecare etichetă neînchisă sau absența unei proprietăți alt într-un imagine.

Ce standard să alegi

Consider că este necesar să se dispună în mod valid în conformitate cu sintaxa strictă a standardului. Acest lucru vă va forța să utilizați HTML pentru scopul propus și să nu amestecați cotlet cu muște într-o singură farfurie. În plus, dacă site-ul este aranjat corect și se afișează incorect în orice browser, atunci aceasta este o problemă cu browserul, ale cărui versiuni noi sunt din ce în ce mai bune conforme cu standardele organizației W3C și corectează erorile în interpretarea validelor. cod. Dar dacă ați implementat o structură complexă într-un mod pervertit, invalid, atunci unde sunt garanțiile că noile versiuni de browser nu vă vor distruge aspectul în bucăți?

Deci, fără sintaxe de tranziție, doar respectarea strictă a standardelor.

Există un alt argument pentru respectarea strictă a standardelor. Picioarele acestui argument cresc din disputa noastră cu Takobus, care a izbucnit în comentariile la articolul despre. Se pare că IE8, la urma urmei, înțelege perfect scopul proprietății CSS afișare: tabel-celulă, totuși, dacă este declarată sintaxa strictă a standardului HTML 4.01. În sintaxa de tranziție, IE8 refuză să lucreze cu această proprietate CSS.

Acum să decidem între standardele actuale: HTML 4.01 și XHTML 1.0.

Veți extinde limbajul HTML? Dacă nu, atunci nu este nevoie să folosiți ramura XHTML putredă, care nu a devenit niciodată versiunea 2.0.

Dacă doriți să vă protejați produsul pentru viitor, astfel încât în ​​viitor să nu fie probleme la extinderea funcționalității din cauza codului HTML care nu respectă standardele XML, atunci torturați-vă cu bare oblice în etichete individuale și parametri alternativi obligatorii ai imaginilor . Dar nu o faceți în zadar, nu văd nicio nevoie să folosiți pur și simplu standardul XHTML.

Există și directive DOCTYPE destinate documentelor HTML care folosesc cadre. Cumva mă îndoiesc că folosești tehnologia străveche de încadrare :)

Pentru cei care nu sunt la curent:

Cadrele sunt ferestre independente de browser afișate pe o singură pagină Web. Fiecare fereastră este asociată cu un fișier HTML independent.

Acum este clar care!DOCTYPE este cel mai potrivit:

Sintaxă strictă în format HTML 4.01

Cum să înveți să aranjezi în conformitate cu standardul ales

Se dovedește a fi foarte simplu. Trebuie să instalați extensia pe care o recomand pentru FireFox, care într-un mod popular, cu exemple, va explica cauza erorii în HTML și va arăta cum să o remediați. Iată codul valid.

Video amuzant pe această temă

P.S. O campanie deschisă pentru schimbul de gărzi continuă. Voi schimba cu plăcere link-uri cu bloguri și site-uri tematice. Dacă aveți o dorință, scrieți la.

În continuarea celor de mai sus, postez un gardian.

Ești interesat de web design? Creați site-uri web? Apoi veți găsi o mulțime de lucruri interesante pe Portalul Web 2.0.

(din engleza tip de document- tipul documentului) are rolul de a indica tipul documentului curent - DTD (definirea tipului de document, descrierea tipului de document). Acest lucru este necesar pentru ca browserul să înțeleagă cum să interpreteze pagina web curentă, deoarece HTML vine în mai multe versiuni și există și XHTML (EXtensible HyperText Markup Language), care este similar cu HTML, dar diferă ca sintaxă. Pentru ca browserul „să nu se încurce” și să înțeleagă în funcție de ce standard să afișeze pagina web, este necesar să se stabilească în prima linie de cod .

Există mai multe tipuri, ele diferă în funcție de versiunea limbii vizate. În tabel 1. Sunt date principalele tipuri de documente cu descrierile lor.

Sintaxă

Etichetă de închidere

Nu este necesar.

Atribute

Element de nivel superior- indică elementul de nivel superior din document, pentru HTML aceasta este o etichetă .

Public - obiectul este o resursă publică (valoare PUBLIC) sau o resursă de sistem (valoare SYSTEM), cum ar fi un fișier local. Pentru HTML/XHTML valoarea este PUBLIC .

Înregistrare - indică faptul că dezvoltatorul DTD este înregistrat la Organizația Internațională pentru Standardizare (ISO). Ia una dintre cele două valori: plus (+) - dezvoltatorul este înregistrat la ISO și - (minus) - dezvoltatorul nu este înregistrat. Pentru W3C valoarea este setată la „-”.

Organizație - Numele unic al organizației care a dezvoltat DTD. Oficial HTML/XHTML este publicat de W3C, acesta este numele scris .

Tip - tipul de document care este descris. Pentru HTML/XHTML valoarea este specificată de DTD.

Nume - un nume unic de document pentru a descrie DTD.

Limba - limba în care este scris textul pentru a descrie obiectul. Conține două litere, scrise cu majuscule. Pentru un document HTML/XHTML, limba specificată este engleza (EN).

URL - adresa documentului cu DTD.

Exemplu

Mintea este Buddha, iar încetarea gândirii speculative este calea.

După ce ați încetat să gândiți în concepte și să reflectați asupra căilor de existență și inexistență, despre suflet și carne, despre pasiv și activ și alte lucruri similare, începi să realizezi că mintea este Buddha, că Buddha este esența mintea și că mintea este ca infinitul.

NotaInternet Explorer înainte de versiunea 6.0 necesită acest lucru

trebuie să fi fost în prima linie de cod. În caz contrar, browserul intră în modul de compatibilitate (mod quirk).

Deși valoarea URL este opțională, unele browsere pot intra în modul de compatibilitate dacă nu este prezent, așa că pentru HTML4, furnizați calea completă către fișierul DTD, așa cum se arată în tabel. 1.

Caietul de sarcini

• Fiecare specificație trece prin mai multe etape de aprobare.
• Recomandare - Specificația a fost aprobată de W3C și este recomandată ca standard. Recomandarea candidatului () - grupul responsabil de standard este mulțumit că își îndeplinește obiectivele, dar necesită ajutor din partea comunității de dezvoltare pentru a implementa standardul.
• Recomandare propusă Recomandare sugerată) - în această etapă documentul este înaintat Consiliului Consultativ W3C pentru aprobare finală.
• Proiect de lucru - O versiune mai matură a unui proiect care a fost discutat și modificat pentru revizuire comunitară.
• Schița redactorului ( Proiect editorial) - o versiune preliminară a standardului după ce au fost făcute modificări de către editorii de proiect.
• Ciornă ( Proiect de specificație) - prima versiune a standardului.

Standardul HTML viu (Living) iese în evidență - nu aderă la numerotarea tradițională a versiunilor, deoarece este în dezvoltare constantă și este actualizat în mod regulat.

Am decis să țin cursuri regulate și cursuri practice cu angajații mei despre programare în PHP, MySQL, Javascript. Precum și alte tehnologii necesare pentru a produce site-uri web de înaltă calitate. Am decis să încep de sus, cu etichete HTML. Voi fi bucuros să primesc orice comentarii :)
Voi face imediat o rezervare că am găsit majoritatea informațiilor pe Internet, în partea de jos a articolului, vor fi link-uri către surse. O parte din informații au fost traduse împreună cu google translate.
Aşa:

De ce este DOCTYPE atât de important?

Se pare că ați făcut totul corect, dar din anumite motive site-ul dvs. nu arată sau funcționează așa cum era de așteptat în cele mai recente browsere.
Ați scris codul XHTML standard și CSS standard corect. Ați folosit specificația standard DOM (Document Object Model) pentru a gestiona elementele dinamice dintr-o pagină. Și totuși, în browserele care par a fi făcute în conformitate cu aceste standarde, site-ul tău nu funcționează. Cel mai probabil, eroarea se află în antetul DOCTYPE incorect.
Acest scurt articol vă va spune despre anteturile DOCTYPE care funcționează și vă va explica, de asemenea, semnificația practică și teoretică a acestei etichete aparent abstracte.

Ce este DOCTYPE?

Problemă

Soluţie

• permite dezvoltatorilor web care cunoșteau standardele să aleagă ce mod să folosească.
• continuați să afișați paginile vechi conform regulilor vechi (compatibile). (modul ciudatelor)

Cu alte cuvinte, toate browserele trebuiau să funcționeze două moduri: modul de compatibilitate pentru regulile vechi și modul strict pentru standard.
IE Mac a fost primul browser care a folosit ambele moduri, iar Windows IE 6, Mozilla, Safari, Opera au urmat exemplul.
Windows IE 5, precum și browserele mai vechi, cum ar fi Netscape 4, sunt blocate permanent în modul de compatibilitate.

Soluția pentru alegerea modului de afișare care trebuie invocat a fost găsită în utilizarea comutatorului „DOCTYPE”. Conform standardelor, orice document (X)HTML trebuie să aibă un DOCTYPE care să spună lumii ce tip de document (X)HTML folosește.

DTD-uri valide

DTD-uri HTML 4.01

• HTML 4.01 Strict - Nu permite marcajul de prezentare (design), argumentând că acest lucru ar trebui făcut de CSS.
• DTD de tranziție permite unele atribute și elemente moștenite
• Dacă se folosesc cadre, trebuie să se folosească doctype set de cadre

DTD-uri XHTML 1.0

• XHTML Strict DTD cel mai strict DTD existente: etichetele vechi (vezi mai jos) nu sunt acceptate și codul trebuie scris corect
• XHTML Transitional DTD este același cu XHTML Strict DTD, dar vechile etichete sunt permise. Acest CEL MAI POPULARîn prezent DTD.
• XHTML Frameset DTD este singurul XHTML DTD care acceptă cadre.

XHTML 1.1 DTD

Statistici privind utilizarea diferitelor DTD

Se dovedește că mai mult de 50% dintre site-uri funcționează în modul quirk - adică în modul IE4!

Etichete și atribute depreciate

Etichete moștenite în ordine alfabetică

• Utilizați eticheta