Materiale noi
Structura documentului - antet și corp
După cum știm deja, orice document HTML conține trei părți:
- Un șir care conține informații despre versiunea XHTML sau HTML
- Blocul antetului de documente
- Corpul unui document care conține fie informații direct afișate, fie definirea unui set de cadre.
A doua și a treia parte trebuie încorporate într-un container HTML. În acest caz, în cazul în care documentul este de a crea HTML 4.0, specificați explicit containere dintr-un document, titlul și corpul nu este necesară în cazul în care acestea sunt omise, se presupune că browser-ul va decide în cazul în care este. Prin urmare, etichetele de deschidere și de închidere pentru aceste elemente sunt marcate ca opționale. Cu toate acestea, "regulile bunului gust" necesită ca aceste etichete să fie încă prezente. Pentru toate celelalte elemente HTML, eticheta de deschidere este obligatorie. Pentru documentele XHTML, este obligatorie o etichetă de închidere, pentru toate elementele fără excepție. În plus, regulile de XHTML toate etichetele și atributele trebuie să fie litere mici.
Aici ar trebui specificate câțiva termeni utilizați în descrierea elementelor. Dacă deja am convenit asupra compatibilității la începutul cărții, nu am vorbit încă despre investiții și unicitate. Deci, caracteristica unui atașament determină dacă un element de acest tip poate fi sau nu imbricat într-un alt element de același tip. Ie Dacă atașamentul nu este valabil, atunci construcțiile de acest tip vor fi incorecte:
În ceea ce privește unicitatea, dacă un element este declarat pentru acest element, trebuie amintit că în document poate fi prezentat doar o singură dată. Deci, exemplul de mai sus este incorect de două ori, deoarece elementul HTML nu numai că nu poate fi imbricat, dar este unic.
Informații despre versiune -! DOCTYPE
Orice document HTML și XHTML valabil trebuie să conțină informații despre versiunea limbii utilizate în document. Pentru HTML și XHTML sunt definite trei tipuri de documente:
- Strict - un astfel de document nu trebuie să conțină elemente și atribute anulate și nu ar trebui să fie un container pentru cadre.
- Tranziția este o definiție mai "moale". Poate conține tot ceea ce Strict, precum și articolele și atributele anulate.
- Frameset - indică faptul că acest document este un container pentru un set de cadre. Nu ar trebui să conțină o parte din BODY.
În plus, este recomandat pentru documente HTML și XHTML - necesitatea de a specifica fișierul care conține DTD - definiția tip de document (Document Type Definition) pentru tipul de document:
ATENȚIE
Dacă specificați tipul documentului în antet, încercați să păstrați la tipul specificat cât mai greu posibil, continuând să îl creați.
În browserele moderne, inclusiv chiar în MSIE 6, aceeași pagină, cu definiția DOCTYPE și fără ea, în unele cazuri poate fi afișată în moduri diferite. În plus, toate versiunile de Firefox și Chrome, precum și Opera și MSIE 7 și versiuni ulterioare, răspund la ce versiune de HTML sau XHTML este specificată - Strict sau Transitional.
Proprietățile etichetei! Doctype
Atribute: nici unul.
Eticheta de închidere: niciuna.
Compatibilitate: totul.
Atașament: invalid (element gol).
NOTĂ
Un element gol este un element care nu conține nimic între etichetele de deschidere și de închidere sau pur și simplu nu are o etichetă de închidere în HTML.
Elementul HTML
După linia cu informații despre versiune, restul documentului trebuie să fie închis într-un container HTML. Textul plasat în afara acestui element poate fi ignorat de browser și, deși acest lucru nu se întâmplă în practică, asigurați-vă că întregul conținut al documentului se află în interiorul containerului HTML.
Tabelul 2.1. Elementele elementului HTML
Specifică direcția textului din document
Listing 2.1. Elementul HTML
Proprietăți etichete HTML
Etichete de închidere și de deschidere: opțional.
Compatibilitate: totul.
Atașament: nu este permis.
Unic: da.
Elementul HEAD
Acest element conține informații despre documentul curent - cum ar fi titlul, cuvintele cheie și alte informații care nu ar trebui afișate în document. Navigatorii nu ar trebui să afișeze informații plasate într-un container HEAD, dar pot să le folosească pentru orice alt scop.
Tabelul 2.2. Atribute ale elementului HEAD
Listing 2.2. Elementul HEAD
Proprietățile etichetei HEAD
Etichete de închidere și de deschidere: opțional.
Compatibilitate: totul.
Atașament: nu este permis.
Unic: da.
LANG și DIR atribute
Tocmai am început să se familiarizeze cu elementele HTML, dar se poate observa deja că unele atribute se repetă. În special, acestea includ și DIR LANG, care sunt definite pentru toate elementele cu care vă puteți retrage orice text, cu alte cuvinte - pentru toate elementele cu excepția APPLET, BASE, BASEFONT, BDO, BR, cadru, FRAMESET, HR, IFRAME, PARAM și SCRIPT.
Ambele atribute au fost introduse în HTML 4.0 pentru a îmbunătăți suportul pentru internaționalizare. Deci, atributul DIR servește pentru a determina direcția ieșirii textului și poate lua următoarele valori:
- LTR - text de ieșire sau date tabelă de la stânga la dreapta (implicit)
- RTL - tipăriți datele de ieșire de la dreapta la stânga.
Atributul LANG este utilizat pentru a indica limba în care se compune documentul sau o parte a acestuia. Acesta vă poate ajuta să identificați documente alternative pentru motoarele de căutare, ajutând să recunoască textul din built-in browser-ul pentru traducători și sintetizatoare de vorbire, etc. Valoarea este indicată de limba în conformitate cu RFC1766. De exemplu, limba rusă este desemnată ca "ru", engleză - "en" etc.
Unele vorbe.
ATENȚIE
În XHTML 1.1, în locul atributului LANG, ar trebui să utilizați atributul XML: LANG.
NOTĂ
De fapt, în HTML 4, în plus față de aceste două atribute, există, de asemenea, un element special - BDO, responsabil pentru textul de ieșire multi-direcțional. Dar, deoarece pentru limbile rusă (și toate cele europene) acest lucru nu este relevant, acest subiect va rămâne în afara domeniului de aplicare al acestei ediții.
Elementul TITLE și atributul TITLE
Fiecare document valid HTML sau XHTML trebuie să aibă un element TITLE în partea HEAD. Acest element este folosit pentru a determina conținutul unui document. Majoritatea browserelor (în special, toate browserele considerate de noi în această carte) afișează un șir plasat în interiorul elementului TITLE ca titlu al ferestrei. Deși nu există restricții explicite privind lungimea textului, este cu adevărat necesar să se întâlnească nu mai mult de 40-50 de simboluri.
Tabelul 2.3. Atribute ale elementului TITLE
Specifică direcția textului în interiorul elementului
După cum puteți vedea, toate elementul atributele TITLE sunt reduse doar la instrucțiunile din limba în care este scris ceea ce este în interiorul containerului. În același timp, pentru majoritatea covârșitoare a elementelor, se definește atributul TITLE, care servește ca titlu (sau descriere succintă) a conținutului unui astfel de element. Pentru ieșire în elementele de fereastra browser-ului valoarea atributului title este de obicei afișat ca un tooltip ( «indiciu»).
TITLE Proprietăți
Etichetă de închidere (pentru elementul TITLE): necesară.
Compatibilitate: element TITLE - tot, atribut TITLE - toate.
Atașament (pentru TITLE): nu este permisă.
Unic (pentru elementul TITLE): da.
Elementul META
Elementul META este folosit pentru a include diverse informații despre document și oferă, de asemenea, posibilitatea de a raporta instrucțiuni suplimentare atât pentru partea client (browser), cât și pentru server. Este utilizat în format "proprietate-valoare".
Tabelul 2.4. Atribute ale elementului META
Specifică direcția textului în interiorul elementului
Luați în considerare atributul HTTP-EQUIVĂ mai detaliat. Astfel, elementul META cu următoarea definiție indică faptul că documentul conține text HTML:
În plus, poate fi specificată și pagina de cod:
Notă bara oblică la sfârșitul: deoarece regulile de HTML 4 în elementul META nu are nici o etichetă de închidere, și XHTML - este, în acest caz, aplicarea așa-numita „sintaxă scurt“, eticheta de închidere. Această cale este mai preferabilă decât utilizarea unei etichete de închidere normală, deoarece, dacă browserul nu înțelege XHTML, atunci poate întâmpina o problemă atunci când întâlnește o etichetă HTML neintenționată.
De asemenea, trebuie remarcat faptul că, deși standardul W3C vă recomandă să specificăm întotdeauna valoarea Charset, consultați administratorul de server în ceea ce privește setările pentru susținerea paginilor de cod rusești. Problema este că adesea este utilizată auto-definirea unei platforme a clientului, iar documentul este recodificat deja la trimiterea de pe server. Astfel, browserul poate încerca să facă o transcodare suplimentară, pe care nu o va face în cazul în care nu este specificat modul Charset.
Ca și NAME, atributul HTTP-EQUIVĂ are un număr de proprietăți comune. Acestea includ:
- Actualizare - această proprietate este susținută de majoritatea browserelor și le obligă să supraîncărcați documentul după intervalul de timp specificat în câteva secunde.
- Expiră - indică data după care documentul devine caduc. Aceasta determină browserul să încarce în mod explicit documentul din rețea, și nu din memoria cache.
- Tip de conținut - indică tipul fișierului
- Tip de conținut - specifică tipul de foi de stil utilizate
- Tip de script-tip - indică limba implicită de scripting
Dacă introduceți un astfel de cod în document, acesta va reporni fiecare minut.
Dacă expuneți o dată deja trecută (ca în exemplu), documentul va fi descărcat întotdeauna direct din rețea.
META Properties
Etichetă de închidere: numai pentru XHTML.
Compatibilitate: totul.
Atașament: invalid (element gol).
Unic: nu.
Element BODY
Containerul BODY acoperă întregul conținut al documentului, care trebuie prezentat utilizatorului. Dacă documentul este un container pentru cadre, atunci acesta nu trebuie să conțină un element BODY.
Listing 2.3. Element BODY
Tabelul 2.5. Atribute ale elementului BODY
Definește acțiunea care trebuie efectuată când cheia de pe tastatură este eliberată
ATENȚIE
Deoarece multe dintre atributele enumerate în Tabelul 2.5, inclusiv id, clasa, lang, dir, stil și titlu, sunt disponibile pentru aproape toate elementele XHTML, ele vor fi listate împreună și fără o descriere individuală.
Fișa 2.4 arată un exemplu folosind atributele anulate.
Listing 2.4. Formatarea în stilul HTML 3.2
De fapt, acest document nu se potrivește nici măcar definiției "HTML 4.01 Transitional", deoarece atributul LEFTMARGIN nu este folosit în specificația HTML. Dacă doriți să creați un document HTML sau XHTML valabil, utilizați foi de stil pentru aceste scopuri, după cum se arată în listare 2.5.
Listing 2.5. Formatare modernă
BODY Properties
Etichete de deschidere și închidere: opțional.
Compatibilitate: totul.
Atașament: nu este permis.
Unic: da.
Elementele grupului DIV și SPAN
Toate elementele din cadrul BODY sunt subdivizate în elemente de nivel de bloc și elemente de șir sau elemente de nivel text. Diferența lor se reduce la următoarele puncte:
- Elementele de nivel de blocaj pot conține atât elementele încorporate, cât și elementele de nivel bloc pe ele însele. Cu alte cuvinte, elementele nivelului de bloc formează o structură mai globală (mai mare) decât cele încorporate.
- În mod obișnuit, browserul emite elementele de nivel bloc dintr-o linie nouă, în timp ce șirul produce ieșirea într-un flux de documente comun.
Elementul DIV se referă la elementele de nivel bloc și SPAN se referă la elemente încorporate sau șir (inline). Ambele sunt folosite pentru a formata partea corespunzătoare a documentului utilizând foi de stil. În practică, DIV este de asemenea folosit pentru a îmbina mai multe paragrafe într-un singur grup, așa cum se arată în Lista 2.6 (fișierul finalizat este în folderul Part_2 \ Structural).
Listing 2.6. Utilizarea elementelor de grupare
Când vizualizați codul de mai sus, tot textul cuprins în ambele containere DIV și cel de-al doilea va fi gri și centrat, cu excepția părții din linia înfășurată SPAN care va fi pe un fond alb (Figura 2.1).
Fig. 2.1. Gruparea și proiectarea prin utilizarea elementelor DIV și SPAN
Ambele elemente au același set de atribute prezentate în tabelul 2.6. Excepția este numai atributul anulat ALIGN, care este disponibil numai pentru DIV. Acesta este responsabil pentru alinierea textului și poate lua 4 valori: Centrul, Stânga, Dreapta și Justificați, care fac ca textul să fie centrat, aliniat spre stânga, aliniat la dreapta și lățimea:
Tabelul 2.6 Atribute ale elementelor DIV și SPAN