Este valid xhtml strictă de aspect 1
Conceptul de valabilitate a machiaj pot fi adesea găsite în cerințele clientului la aspectul, aceste cerințe sunt designeri web cele mai novice speriat (am fost nici o excepție). Corectarea acestor erori raportate de validator, pur și simplu terifiant când mai întâi cu această stalkivaeshsya. Dar greșelile nu vor și aspectul voință este valabilă numai în cazul în care în mod corect codor generează o structură de document HTML, cu toate descriptorii obligatorii și TP. În acest post voi încerca să dea concepte de bază care alcătuiesc validitatea pe termen lung a machiaj. și ca de obicei, pentru a da un exemplu.
În primul rând, un pic despre istoria HTML marcare. După cum este bine cunoscut creator de HTML și protocolul HTTP este Tim Berners-Lee (Tim Berners-Lee-).
Până în prezent, limbajul HTML există în formă de standarde, inclusiv cele mai recente HTML5 (care este în prezent încă în curs recomandărilor W3C):
Odată cu apariția de HTML 3.2 standard, care au fost unite într-o singură poziție în codul HTML ca o structură și o descriere a prezentării sale, a existat o mare problemă - suport pentru codul HTML și efectuarea unor modificări de la ideea. Pentru a verifica acest lucru vă puteți uita la codul HTML exemplu 3.2:
Iar atunci când consideră că există sute pe elementele de pagină, iar aceste pagini de câteva sute, coder va avea un timp greu pentru că, pentru a schimba fontul unele de referință sau paragraf.
Versiunea HTML 4.01 a oferit posibilitatea de a reveni la soluția ideală, care separă structura și de prezentare. Dar de la sine un document valid HTML 4.01, care nu conține informații cu privire la prezentarea ar arata groaznic în browser, fără un standard special conceput CSS - care a permis dezvoltatorilor pentru a defini stiluri de prezentare Web-informații într-un fișier separat, modgruzhaemyh într-un document HTML. Prin acest pothodu, suport HTML a devenit mult mai ușor și mai ieftin. Deoarece elementele de formatare continuă stabilite nu printr-un mâner și un atribut de clasa sau id sau numele etichetă în foaia de stil:
Scopul principal al tuturor acest lucru a fost văzut foarte clar: Pentru a fi documentul HTML valid (standard soostvetstvoval), nu ar trebui să prezinte codul de prezentare.
Timpul nu se opune în continuare și au cerut ca web-developeri mai multe și mai complexe implementări, și structura unui document HTML. În acest sens, a fost XHTML 1.0 (Extensible Hypertext Markup Language) Extensible Markup Language, este prima specificație hibrid creat bazat pe HTML si XML. Creatorii HTML a dorit să vadă noul său limbaj de markup generație, care combină HTML standard si extensibilitate XML. În crearea acestui limbaj de utilizare probabilă sa în mediile de-XML activat, precum și cu browsere de utilizator standard HTML 4.01. Pe ea va fi discutat în acest articol, atunci când acesta este un exemplu de crearea unuia dintre comune layout-ul XHTML Strict 1.0.
Din lista de sucursale dezvoltate și adoptate standarde de documente XHTML prezinta sapte „subdisciplinele“ XHTML.
Pentru a utiliza un anumit standard, iar dkument a fost valabilă în legătură cu acest standard, este necesar să se precizeze tipul de DOCTYPE documentului. DTD (Document Type Definition) - una dintre cele mai importante atribute ale unui document HTML, indicat la începutul documentului, informează browser-ul client al unui format de conținut, adică, despre descriptorii așteptate (tag-uri) metode de sprijin, etc.
Aici sunt cele mai frecvente tipuri de DTD pentru XHTML:
XHTML 1.0 Transitional
Acest articol va fi considerat un exemplu de unul din comun aspect șablon XHTML, cu stricte (strict) descriptor structura, care este, în strictă conformitate cu standardul W3C. Pentru aceasta vom folosi aceasta DOCTYPE:
Și ce este respectarea strictă cu standardele W3C? De fapt, se ocupă de regulile de înregistrare care au schimbat Strict 1.0, și necesită respectarea strictă.
Tabelul de mai jos oferă o listă de descriptori care sunt permise / nu sunt permise în XHTML 1.0, verificați acest tabel, care ar avea acest punct de vedere HTML 4.01 / XHTML 1.0 Reference
Cele mai frecvente erori în XHTML-marcare sunt:
Aceasta este o listă incompletă, dar oferă o idee generală de a face adesea greșeli în pregătirea documentelor XHTML
Și așa vom proceda la impunerea unui exemplu XHTML valid de șablon. Acest lucru va fi șablonul cu meniul de sus în coloana din stânga a textului, coloana din dreapta cu imaginea (banner) și subsol cu drepturile de autor. Mai jos este o schemă logică a modelului de aspect.
Pentru a începe a forma structura de bază a HTML:
UPD. W3C recomandă să specifice în documentele XHTML Strict 1.0 versiune a XML înainte de DOCTYPE:
Cu toate acestea, după cum este bine cunoscut IE6 nu are suport pentru standardele web, și, prin urmare, pentru a găsi în acest descriptor document care afișează documentul HTML ca nu este valabil - în modul de compatibilitate. indicație generală a versiunii XML a documentului XHTML 1.0 Strict este opțională, deci, dacă doriți să ofere în continuare sprijin pentru aspectul IE6, ar trebui să vă dezabona de la această recomandare W3C și trece mânerul lăsând doar DOCTYPE publicitate. În caz contrar, primul bug-ul pe care le va întâlni la afișarea aspectul dvs. - acesta este un calcul greșit al lățimii unității mamă cu sucursale plutitoare. Prin urmare, alegerea este a ta sau standarde sau IE6, aleg standardele!
Și astfel structura de bază a documentului este format, creați acum o foaie de stil în care ne indică opțiunile de afișare pentru:
Acesta este stilul pentru principalele blocuri:
În continuare, adăugați link-uri pentru meniul de sus (într-un recipient cu un antet de clasă), antet pentru textul (într-un bloc cu stânga clasă), iar sub ea textul propriu-zis, de rupere-l în secțiuni (mâner
). Doar încorpora blocul de resurse dreapta (într-o clasă container dreapta), și se adaugă drepturile de autor în subsol (într-o clasă de subsol container).
Ca urmare, o structură de document XHTML va fi după cum urmează:
Următorul pas este de a adăuga o foaie de stil CSS pentru elementele prezentate, iar ei arata astfel:
Chiar și atunci când am folosi stiluri de aspect de resetare la nivel mondial, care se adaugă la partea de sus a fișierului de stil CSS:
Asta e tot, valabilitatea impunerii este gata, verifica validitatea poate zdest Serviciul de Validare Markup. și vezi un exemplu în acest link Validitatea aspect XHTML Strict 1.0.