Ce înseamnă doctype html? De ce este important DOCTYPE și cum să îl utilizați corect
Am reușit să dau totul peste cap... de fapt, despre titlu ar fi trebuit spus chiar la începutul acestui manual... Ei bine, există încă o șansă de a repara totul..
Dar înainte de a ne continua antrenamentul, să ne abatem puțin... la răspunsul la întrebarea:
Care dintre aceste cuvinte, conform regulilor gramaticale, sunt scrise greșit?: Șoaptă, șoaptă, șoaptă, șoaptă, șoaptă. esti sigur?
Dar stai, nu am spus exact ce reguli trebuie să urmezi!
Deci în slavona veche a fost singurul mod corect de a scrie „Shiopot”, apoi, urmând logica că un sunet are o literă, au decis să înlocuiască combinația „io” cu litera „e” și a rezultat „Șoaptă”. Apoi s-a născut litera „ё” pentru că oamenii nu știau să scrie corect cuvântul „pom de Crăciun”, apoi odată cu dezvoltarea telegrafului și tipografiei pentru a economisi timp, hârtie, cerneală etc., semnul dur a dispărut la sfârșitul cuvintelor care se termină cu o literă consoanică . În prezent, ei promovează regula „Cum auzim, așa scriem!” așa că cuvântul „Șoaptă”, după standardele de astăzi, este probabil scris corect. De asemenea, este permis să scrieți litera „e” în loc de „e” dacă acest lucru nu interferează cu înțelegerea corectă a cuvântului, de exemplu, „aflam” în loc de cuvântul „aflam”.
Acum imaginați-vă că scrieți un dictat și va fi verificat de un lingvist - un vechi credincios, o profesoară de pregătire sovietică Marya Ivanovna și un adolescent care este obișnuit să comunice în argou. Ce reguli gramaticale vei respecta pentru a fi pe placul tuturor? Cred că singura soluție corectă ar fi să indicați la începutul dictatului ceva de genul: „Când scriu un dictat, respect regulile limbii ruse aprobate prin ordin al ministrului educației de la o astfel de dată.” atunci toți examinatorii vă vor evalua dictarea nu așa cum le place mai mult, ci conform regulilor la care v-ați referit.
De ce fac toate astea?
Limbajul de marcare al documentelor hipertext, la fel ca limba rusă, trăiește în timp și, de asemenea, se schimbă... apar cuvinte noi - etichete, de exemplu ,
Așadar, astfel încât diverse browsere, de exemplu: „vechi credincios” - Internet Explorer 6.0, „Profesor pregătit de sovietici” - Opera 8.0, „adolescent” - Chrome 5.0 ... să nu vă certați cu documentul - afișați-l corect, faceți nu vă confundați citind pagina dvs., este necesar să indicați în conformitate cu ce standarde a fost scrisă.
Acum puțin despre standardele în sine.
Dezvoltarea standardelor de limbaj HTML (și nu numai HTML), altfel specificații, este realizată de organizație Consorțiul World Wide Web, W3C - World Wide Web Consortium, site-ul oficial: www.w3.org. Vă puteți familiariza cu istoria apariției acestei organizații, cu scopurile și obiectivele sale, dar sarcina mea este să vă raportez că această organizație a dezvoltat mai multe specificații HTML, care, de fapt, sunt ceea ce învățăm.
Iată specificațiile oficiale:
- HTML 3.2- 14 ianuarie 1997; www.w3.org/TR/REC-html32
- HTML 4.0- 18 decembrie 1997; www.w3.org/TR/REC-html40-971218
- HTML 4.01- 24 decembrie 1999; www.w3.org/TR/html401
- HTML 5 - în dezvoltare. (nu a fost încă anunțat oficial, dar este deja în uz) www.w3.org/TR/html5
Aceste documente ar trebui să-i ghideze atât pe webmasteri atunci când creează site-uri web, cât și pe dezvoltatorii de browsere. Aceste standarde sunt create astfel încât să nu se dovedească ca în povestea biblică despre Turnul Babel, unde toată lumea a început brusc să vorbească în diferite limbiși, în cele din urmă, am încetat să ne înțelegem reciproc... și un astfel de moment se pregătea la un moment dat, dar acum nu totul este atât de lin, totuși, aceasta este o cu totul altă poveste.. înapoi la .
Deci titlul indică tipul documentului - DTD(definiția tipului de document - descrierea tipului de document) pentru interpretarea corectă a acestuia de către browsere, cu alte cuvinte, a indicat browserelor în funcție de ce standarde trebuie procesată o anumită pagină.
Principalele opțiuni sunt enumerate mai jos
DTD strict. Prin utilizarea unui astfel de antet, pagina web trebuie să respecte cu strictețe specificația HTML 4.01, să nu folosească etichete și atribute desemnate ca „nedorite” de specificație și nu trebuie să folosească cadre.
Tranziţie Sintaxa HTML. Cu un astfel de antet, „libertăți” sunt permise atunci când se compune documentul; pagina poate conține etichete și atribute marcate ca „indezirabile” de specificația HTML 4.01.
Indică faptul că documentul HTML utilizează cadre.
Și un astfel de antet înseamnă că se utilizează specificația HTML 5.
Există și alte opțiuni de antet , de exemplu pentru XHTML, cele principale pentru HTML sunt enumerate mai sus.
Titlu Este obișnuit să îl plasați chiar la începutul documentului, înainte de etichetă
După cum se arată în exemplu:
Acest document conține etichete și atribute care sunt depreciate de specificația HTML 4.01.
Pentru ca acest document să treacă de verificarea validității, trebuie specificat un antet de tranziție
Folosește întotdeauna un titlu pentru toate paginile tale.
Folosind cea greșită - nu corespunde documentului HTML poate duce la rezultate dezastruoase, fiți atenți și atenți atunci când alegeți titlul potrivit. În cele mai multe cazuri, pentru paginile care nu folosesc cadre, este mai bine să specificați o tranziție
Oricine se ocupă cu cod, machete sau încă învață cum să aranjeze site-uri web trebuie să știe că la începutul fiecărei pagini HTML, înainte de Etichetă HTML trebuie să stea DOCTYPE.
Linia cu DOCTYPE (Definiția tipului de document) la începutul paginii HTML indică tipul de document pe care îl veți folosi atunci când scrieți codul HTML pentru site-ul dvs. Este o etichetă neîmperecheată, adică nu are o etichetă de închidere.
Trebuie să înțelegeți că linia în care este scris DOCTYPE nu este doar o altă etichetă HTML. Aceasta este o instrucțiune importantă care spune browserului ce versiune de HTML a fost folosită când a fost scrisă pagina.
Principalul avantaj al utilizării DOCTYPE este că site-ul dvs. va funcționa corect și va arăta la fel de neted și frumos în toate browserele.
Ce tipuri de DOCTYPE există?
Există mai multe tipuri de DOCTYPE. Există tipuri stricte ( strict), care funcționează doar pe baza anumitor etichete, există unele tranzitorii ( tranzitorie), care permit posibilitatea includerii de tag-uri suplimentare, sunt cele care lucreaza cu cadre ( set de cadre).
În acest articol nu voi lua în considerare fiecare dintre ele în detaliu, deoarece acesta nu este scopul meu, voi enumera pur și simplu:
Puteți găsi informații detaliate despre fiecare tip de DOCTYPE pe Internet prin simpla introducere a frazei dorite în căutare, așa că nu ne vom opri asupra acestui lucru.
Referitor la utilizare diferite tipuri DOCTYPE, ar trebui să rețineți că, dacă inițial ați scris site-ul într-un singur DOCTYPE, atunci nu este recomandat să îl schimbați pe viitor cu altul, deoarece pot apărea probleme la afișarea corectă a site-ului din cauza faptului că odată cu schimbarea DOCTYPE, modificați automat regulile de procesare a etichetelor de către browsere.
Când selectați un anumit DOCTYPE, selectați automat anumite reguli după care codul ar trebui să fie analizat în browsere.
Prin urmare, trebuie să alegeți DOCTYPE pentru site, inițial după ce v-ați gândit cu atenție, în conformitate cu tipul de procesare a codului HTML de către browsere de care aveți nevoie, și apoi să nu îl schimbați.
Imaginați-vă câte probleme înainte (de ce înainte, voi explica mai târziu în articol) prezența mai multor tipuri de DOCTYPE a provocat designerului de aspect, între care trebuia să aleagă în mod constant pe care dintre ele era mai bine să o folosească și să se gândească dacă ai greșit în alegerea ta.
Este posibil să te descurci fără DOCTYPE?
Cei cărora nu le place să-și concentreze atenția asupra diverselor lucruri mărunte ar putea avea o întrebare complet firească: „De ce am nevoie de toate acestea, poate nu ar trebui să folosesc DOCTYPE deloc?”
Desigur, teoretic, nu o poți indica, dar atunci stai pe un butoi de pulbere de acțiune întârziată, neștiind exact când va exploda (și va exploda 100%).
Pe scurt, dacă nu utilizați deloc DOCTYPE, atunci riscați să vedeți site-ul pe care l-ați creat nu în cea mai atractivă formă în browser, iar fiecare browser va avea probleme diferite cu afișarea corectă și va fi dificil. pentru ca tu să le rezolvi pe toate, ca să spunem ușor.
Deci, ce să faci dacă nu vrei să aprofundezi toate acestea în detaliu?
Beneficiile utilizării DOCTYPE HTML5.
Vestea bună este că odată cu lansarea celei mai recente versiuni de HTML5 (care, apropo, este încă în proces de dezvoltare, conform unor surse promit că va oferi versiunea standard finală în 2014), a devenit mult mai mult convenabil să alegeți DOCTYPE pentru site-urile dvs.
Faptul este că regulile HTML5 DOCTYPE sunt universale, includ regulile versiunii anterioare, precum și capacitatea de a lucra cu etichete HTML 4 și într-o oarecare măsură cu XHTML și, din câte am înțeles, combină capacitățile dintre toți predecesorii lor, adaptându-i pentru a funcționa în browsere noi.
Prin urmare, acum, când scriu, nu mă mai gândesc ce tip de DOCTYPE să aleg, ci îl pun pe prima linie
.
Este tot ce trebuie să scrieți pentru a indica că acesta este un DOCTYPE HTML5. În comparație cu omologii săi anterioare, DOCTYPE HTML5 nu se bazează pe SGML (Standard Generalized Markup Language), deci nu conține datele care au fost specificate anterior și, prin urmare, conține doar o comandă scurtă. Și apoi vine documentul în sine:
Sunteți de acord că este mult mai ușor să vă amintiți o linie atât de scurtă decât să vă încordați de fiecare dată când încercați să vă amintiți sau să găsiți undeva un cod lung care trebuie scris când folosiți alte versiuni.
Referitor la browsere: cum tratează browserele mai vechi HTML5 DOCTYPE? Vor fi probleme cu asta?
Cu această ocazie aș dori să spun că:
- În primul rând, trebuie să privim la progres și la viitor, iar viitorul este al noilor browsere, iar acum sunt tot mai puține. mai putini oameni folosind browsere mai vechi.
- Și în al doilea rând, Doctype HTML5 este conceput în așa fel încât chiar și browserele care, în principiu, nu au fost create pentru a-l suporta (IE (începând cu IE8), versiuni vechi de FireFox, Opera, Safari), când văd comanda, imediat comutați conținutul în modul standard.
Aceasta înseamnă că, dacă începeți să vă construiți paginile astăzi folosind HTML5 DOCTYPE, puteți fi sigur că vor avea o viață lungă.
Concluzii.
Ce concluzie putem trage din toate cele de mai sus?
Este necesar să utilizați DOCTYPE dacă nu doriți să rezolvați ulterior tot felul de probleme asociate cu absența acestuia (aveți nevoie de ele?).
Și cel mai bine este să folosești ultima versiune DOCTYPE HTML5.
Evident, multe s-au schimbat și continuă să se schimbe în bine în această direcție. Toate acestea sunt făcute pentru a ne ușura viața și mie și pentru a ne face munca cât mai convenabilă, ceea ce pictează imagini destul de strălucitoare în viitor!
Prin urmare, vă doresc succes!
DOCTYPE este o declarație care specifică tipul documentului. Declarația nu este o etichetă HTML, este doar o instrucțiune pentru browser-ul web despre versiunea HTML utilizată în document. Declarația !DOCTYPE ajută browserul să redă corect pagina web, pentru a face acest lucru, browserul trebuie să cunoască atât tipul, cât și versiunea documentului.
Declaraţieafirmă că acest document utilizează versiunea 5 limbaj de marcare hipertext - HTML 5.
Vă atrag atenția asupra faptului că declarația ar trebui să fie indicată foarte întâi în documentul dvs. HTML, înainte de etichetă . Declaraţienu disting majuscule.Cronologia versiunii HTML:
Versiune | HTML | HTML 2.0 | HTML 3.2 | HTML 4.01 | XHTML | HTML 5 |
---|---|---|---|---|---|---|
An | 1991 | 1995 | 1997 | 1999 | 2000 | 2014 |
Suport pentru browser
Declaraţie | Operă | IExplorer | Margine |
|||
---|---|---|---|---|---|---|
!DOCTYPE | Da | Da | Da | Da | Da | Da |
Exemplu de utilizare
Un exemplu de utilizare a declarației !DOCTYPE pentru un document HTML5:
Acesta este titlul
Acesta este un paragraf.
Diferențele dintre HTML 4.01 și HTML 5
DOCTYPE pentru HTML 4.01
Există trei variante de !DOCTYPE:
1. Strict: nu conține articole marcate ca „depreciat” sau „depreciat”. PUBLIC „-//W3C//DTD HTML 4.01//EN” „http://www.w3.org/TR/html4/strict.dtd”> 2. Tranzitorie: Conține etichete vechi (pentru compatibilitate și migrare de la versiuni mai vechi de HTML). PUBLIC „-//W3C//DTD HTML 4.01 Transitional//EN” „http://www.w3.org/TR/html4/loose.dtd”> 3. Cu rame (Frameset): Similar cu cele de tranziție, dar include și etichete pentru crearea cadrelor. PUBLIC „-//W3C//DTD HTML 4.01 Frameset//EN” „http://www.w3.org/TR/html4/frameset.dtd”>(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.
DOCTYPE | Descriere |
---|---|
HTML 4.01 | |
Sintaxă HTML strictă. | |
Sintaxă HTML tranzițională. | |
Un document HTML folosește cadre. | |
HTML 5 | |
Pentru toate documentele. | |
XHTML 1.0 | |
Sintaxă XHTML strictă. | |
Sintaxă XHTML de tranziție. | |
Documentul este scris în XHTML și conține cadre. | |
XHTML 1.1 | |
Dezvoltatorii XHTML 1.1 au presupus că va înlocui treptat HTML. Această definiție nu are o împărțire în tipuri; sintaxa este aceeași și este supusă unor reguli clare. |
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 este limba în care este scris textul pentru a descrie obiectul. Conține două litere, scrise cu majuscule. Pentru un document HTML/XHTML, indicați Limba engleză(RO).
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 ( Recomandare posibilă
- ) - 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. Astăzi, dragă cititor, vom vorbi despre un lucru atât de misterios precum declararea standardului în conformitate cu care este scris un document HTML. Prima directivă HTML din codul paginii web, numită.
!DOCTYPE
Iată un exemplu din această linie:
Dacă nu știți de ce este nevoie de un astfel de gobbledygook și ce DOCTYPE să alegeți în cazul dvs., atunci în acest articol veți găsi răspunsuri la aceste întrebări, cel puțin am încercat să acopăr problema în detaliu :) Primul lucru pe care îl poate face un webmaster novice conștiincios care încearcă să înțeleagă scopul directivei DOCTYPE este să acceseze site-ul web htmlbook.ru și să citească, din care va deveni clar că Există mai multe (strict și nu foarte strict, pentru HTML și XHTML). Este clar că această directivă este necesară pentru a notifica browser-ul despre standardele în conformitate cu care documentul HTML este alcătuit, dar ce standard să aleagă și ce afectează aceasta este o mare întrebare.
Pentru a transforma o întrebare mare într-un răspuns detaliat, să ne cunoaștem istorie interesantă apariția tuturor acestor standarde (nu vă alarmați, voi fi scurt).
Istoria standardelor HTML
Cu mult timp în urmă, când internetul abia începea, a apărut o problemă cum să transformi un set de litere transmise prin rețea în titluri, paragrafe, link-uri. Fizicianul Tim Berners-Lee a găsit răspunsul inventând limbajul de marcare hipertext HTML(Vă rugăm să rețineți, colegii blonde, HTML nu este un limbaj de programare). Documentația pentru limbajul HTML a fost publicată în 1991.
HTML a prins atât de mult încât a devenit standardul pentru marcarea documentelor pe Internet și a fost aprobat de organizația internațională de standardizare W3C, care a fost fondată și condusă, în mod ciudat, de același creator HTML, Sir Tim Berners-Lee.
În prima sa ediție, HTML a fost un limbaj de marcare pentru conținutul unei pagini web, spunând browserului unde este titlul, unde este paragraful, unde este linkul, folosind prietenii noștri buni, etichete HTML. Browserele au trebuit însă să decidă singuri cum să reprezinte vizual toate elementele de conținut structurate prin etichete. Cu alte cuvinte, prima ediție de HTML nu avea nicio putere asupra prezentării vizuale a hipertextului pe partea clientului, această funcție a căzut în întregime pe umerii browserului.
La scurt timp după dezvoltarea rapidă a tehnologiilor de internet, afacerile au început să se reverse pe internet. Site-urile de afaceri nu doreau să fie asemănătoare între ele, aveau nevoie de luminozitate și memorabilitate.
Browserele populare la acea vreme (desigur IE și, atunci încă în viață, Netscape) au început să vină cu propriile etichete, ceea ce a făcut posibilă setarea proprietăților de design individuale pentru un document web. Da, dragă cititor, nu exista nicio funcționalitate cross-browser la acel moment. Îmi amintesc încă acele vremuri în care puteai urca numai pe site-uri folosind IE, toate celelalte browsere au arătat lucruri groaznice. Dar acum nu este vorba despre asta.
W3C acceptă nou standard HTML, care include deja instrumente de prezentare vizuală.
Tehnologia CSS începe să se dezvolte treptat, menită să restabilească ordinea și să separe prezentarea (alinierea, culorile, fonturile, care acum vor fi setate prin stiluri CSS) de structură (titluri, paragrafe, link-uri, care sunt setate ideologic în HTML) .
Un webmaster începător va întreba de ce separa partea vizuală de structură, iar noi îi vom răspunde:
- Într-un site simplu, necesitatea acestui lucru nu este evidentă, dar dacă proiectul este mare, atunci diviziunea va ajuta la evitarea confuziei și mizeriei în codul HTML.
- Nu este nevoie să repetați același cod pe pagini diferite dacă reprezentarea vizuală a blocurilor este aceeași. Este suficient să utilizați un fișier CSS, în care specificați o dată stilul de afișare pentru o anumită familie de blocuri.
- Prin separarea instructiunilor referitoare la aspect, într-un fișier stocat în cache, puteți evita încărcările fără sens pe World Wide Web (hehe, ce ne pasă de World Wide Web, nu vă supraîncărcați serverul; CSS salvează serverele proiectelor cu încărcare mare).
- Acum puterea CSS este incontestabil mai mare în ceea ce privește lucrul cu logica de prezentare decât instrumentele HTML introduse artificial pentru schimbarea aspectului unei pagini.
Deci, destule despre CSS, să revenim la HTML.
Curent, pornit în acest moment, Standardul HTML 4.01 interzice utilizarea HTML pentru a manipula afișarea elementelor. Spune la revedere directivelor HTML aliniere, font; aspectul trebuie setat folosind stiluri CSS. Totul revine la normal.
Dar internetul continuă să se dezvolte, iar standardele evoluează și degenerează odată cu el.
W3C a decis că cel mai potrivit pentru tendințele moderne ar fi un nou extensibil Standardul XHTML. Acest lucru este un fel de simbioză a HTML cu principiile XML.
XML este o modalitate de stocare a datelor structurate într-un fișier text. Etichetele inventate, într-un anumit fel, în conformitate cu standardele XML, formează structura datelor:
Folosind un program simplu, puteți separa cu ușurință datele structurate folosind XML. În acest caz, datele pot fi analizate în orice sistem de operare, pe orice dispozitiv (la urma urmei, asta este doar fișier text, structurat cu delimitatori de etichete corespunzători, conform unui standard cunoscut).
Organizația W3C a considerat caracteristica de mai sus foarte cool și gândirea la impasul în dezvoltarea HTML a dus la nașterea XHTML-ului. Acesta va fi un limbaj de marcare care ar trebui extins fără durere cu noi etichete și poate fi procesat de orice dispozitiv (telefon mobil, computer, televizor), deoarece se bazează pe XML, care promovează acest lucru (s-au gândit angajații naivi ai organizației W3C) .
Imediat spus și făcut, a apărut în mai 2001 nou standard pentru marcajul hipertext extensibil XHTML 1.0. A absorbit rigorile XML acum, codul HTML trebuie să îndeplinească următoarele cerințe:
- Toate etichetele trebuie să fie închise. Dacă eticheta este singură, de exemplu , atunci ar trebui să arate așa: .
- Ierarhia trebuie respectată cu strictețe. Acest lucru nu este posibil: …. Poți face doar asta:…. Nu uitați de etichete , - totul trebuie să fie îngrijit.
- Atributele etichetelor trebuie incluse între ghilimele. Acest lucru nu este posibil: . Poți face doar asta: .
- Etichetele și proprietățile CSS pot fi scrise numai cu litere mici.
- Dacă există un link care conține semnul & , trebuie convertit în &
- Pentru imaginile generate de etichetă , trebuie să specificați proprietatea alt.
Și, la fel ca în HTML 4.01, nu ar trebui să existe nicio amintire a apariției în codul XHTML.
Desigur, aceasta nu este o specificație completă a limbajului XHTML, are o serie de restricții legate de scripturi și Dumnezeu știe ce altceva. Specificația completă poate fi găsită în secțiunea corespunzătoare a site-ului web W3C (deși totul este în engleză, există exemple colorate de sintaxă corectă și incorectă, astfel încât oricine dorește să înțeleagă va înțelege).
După cum am spus mai devreme, XHTML este extensibil limbaj de marcare hipertext. Totuși, toată această extensibilitate este prost primită de motoarele de căutare, nu funcționează corect în IE6 și IE7, devine necesară personalizarea antetelor trimise de server și respectarea regulilor stricte ale formatului XML pentru ca toate avantajele XTML să funcționeze în plină forţă.
Avantajele limbajului XHTML nu sunt strictețea sintaxei, ci capacitatea de a utiliza etichete de marcare complicate, de exemplu, cele aparținând spațiului de nume MathML(un exemplu care trebuie rulat numai în browsere normale; IE6, în loc să interpreteze codul XHTML, va afișa un dialog de salvare a fișierului) sau va veni cu etichete în propriul spațiu de nume (acest proces este descris în detaliu pe W3C site-ul web).
Dezvoltarea în continuare a ramurii revoluționare XHTML este calea de ieșire Standardul XTML 2.0, semnificativ diferit de HTML obișnuit și incompatibil cu XHTML 1.0. Finalizarea lucrărilor pe XHTML 2.0 a fost planificată pentru 2009.
Standardul XHTML 2.0 a fost abandonat și W3C a trecut la dezvoltarea HTML 5.
Standardul HTML 5 este planificat să fie aprobat nu mai devreme de 2020.
Ce DOCTYPE să alegi
Acum, înarmați cu cunoștințele despre istoria standardelor, să revenim la articolul de pe htmlbook.ru despre DOCTYPE.
Știm ce sunt HTML 4.01 și XHTML 1.0. Trei întrebări rămân deschise:
- Ce este sintaxa strictă și tranzitivă?
- Ce standard ar trebui să alegi?
- Cum să înveți să componi în conformitate cu standardul ales?
Acum voi răspunde la toate întrebările puse una câte una.
Ce este sintaxa strictă și tranzitivă
Se pare că pentru a face retragerea atunci când treceți la un nou standard nu atât de dureros, au inventat sintaxe de tranziție.
Vă amintiți că standardul HTML 4.01 interzice instrucțiunile HTML privind aspectul? Da, amintește-ți bineînțeles, am vrut doar să mă asigur de asta.
Acum să experimentăm.
Mai întâi voi alege sintaxă strictă în format HTML 4.01și specificați directiva DOCTYPE corespunzătoare:
Această farsă înseamnă că codul HTML de mai jos respectă standardul 4.01 adoptat de organizația W3C (aici este această farsă „-//W3C//DTD HTML 4.01//EN”). Instrucțiunile scrise de W3C cu privire la acest standard se găsesc aici: „http://www.w3.org/TR/html4/strict.dtd” iar browserul poate merge la această adresă pentru clarificări.
Vom experimenta cu acest cod HTML:
Un text
O atenție principală ar trebui acordată prezenței elementelor interzise în cod: align="center"și etichetați .
Acum să verificăm acest cod pentru conformitatea cu standardele. După cum am spus de multe ori înainte, există o extensie excelentă pentru FireFox numită . Programulina arată două erori în codul HTML:
Totul s-a dovedit a fi previzibil. Validatorul se plânge de atribut aliniași etichetați , astfel de lucruri sunt interzise în standardul HTML 4.01, pe care îl declarăm ca prima linie de cod HTML.
Să înlocuim prima linie cu doctype al standardului 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 de tranziție 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 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 conforme cu standardele W3C și corectează erorile de interpretare a codului valid. 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 unui articol despre. Se pare că IE8, la urma urmei, înțelege perfect scopul proprietății CSS afișare: tabel-celulă, cu toate acestea, 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 evoluat niciodată în 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 unice și parametri alternativi obligatorii pentru imagini . 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.