Nume.
În XML, toate numele trebuie să înceapă cu o literă, liniuță de subliniere (_) sau două puncte (:) și să continue numai cu caractere care sunt legale pentru nume, și anume, pot conține doar litere care fac parte din secțiunea de codificare a caracterelor Unicode, arabă. cifre, cratime, semne subliniere, puncte și două puncte. Cu toate acestea, numele nu pot începe cu un șir xml în niciun caz. Numele care încep cu aceste caractere sunt rezervate pentru utilizare de către W3C. Trebuie amintit că, deoarece literele nu sunt limitate exclusiv la caractere ASCII, cuvintele din limba maternă pot fi folosite în nume.
Structura documentului XML.
Orice document XML constă din următoarele părți:
- Prolog optional.
- Corpul documentului.
- Un epilog opțional după arborele de elemente.
Să luăm în considerare fiecare dintre părți mai detaliat.
Prolog de document XML.
Un document XML începe cu un prolog. Prologul conține câteva indicii pentru analizatorul XML și aplicații.
Prologul este format din mai multe părți:
- o Declarație XML opțională care este inclusă între caractere...?>. Anunțul conține:
- marca xml și numărul versiunii (versiunea) specificației XML;
- o indicație a codificării caracterelor (codificarea) în care este scris documentul (encoding="UTF-8" implicit);
- parametru independent care poate lua valorile „da” sau „nu” (în mod implicit, independent = „da”). „da” indică faptul că documentul conține toate declarațiile de elemente necesare, iar „nu” indică faptul că sunt necesare DTD-uri externe.
Toate acestea împreună ar putea arăta astfel:
.
Este important de reținut că în declarația XML este necesar doar atributul versiune, toate celelalte atribute pot fi omise și, prin urmare, valorile implicite. De asemenea, trebuie să rețineți că toate aceste atribute ar trebui specificate numai în ordinea de mai sus.
- comentarii.
- procesarea comenzilor.
- simboluri de spațiu gol.
- opțional declarație tip document, DTD (Declarație de tip de document) care este inclusă între simboluriși poate cuprinde mai multe linii. Această parte declară etichetele utilizate în document sau oferă un link către un fișier care conține astfel de declarații.
După declarație tip document pot urma, de asemenea, comentarii, comenzi de procesare și spații albe.
Deoarece toate aceste părți sunt opționale, prologul poate fi omis.
Corpul documentului XML.
Corpul documentului este format din unul sau mai multe elemente. Într-un document XML bine format, elementele formează un arbore ierarhic simplu, în care element rădăcină( element rădăcină ) în care sunt imbricate toate celelalte elemente ale documentului. Limbajul XML impune o restricție extrem de importantă asupra elementelor - acestea trebuie să fie imbricate corespunzător. Acest lucru face destul de ușor să imbricați un document XML într-un altul fără a încălca structura documentului, în timp ce element rădăcină subdocumentul va deveni pur și simplu unul dintre elementele documentului în care este imbricat. Aceasta introduce o altă limitare, și anume aceea că numele elementelor trebuie să fie unice în cadrul unui document, deoarece aceleași nume dintr-un document inclus pot avea o semnificație complet diferită decât într-un document care le conține. Pentru a rezolva problema coincidenței numelor, a fost introdus conceptul de spațiu de nume.
Numele elementului rădăcină este considerat a fi numele întregului document și este specificat în a doua parte a prologului după cuvântul Doctype. Dacă DTD-ul se află în interiorul unui document XML, atunci este plasat între paranteze drepte după numele elementului rădăcină:
Dar, de obicei, un DTD este definit pentru mai multe documente XML simultan. În acest caz, este convenabil să îl scrieți separat de document, iar apoi unul dintre cuvintele System sau Public este scris în loc de paranteze drepte, urmat de o adresă sub forma unui URI (Uniform Resource Identifier) al unui fișier cu o definiție DTD. Pentru toate scopurile practice, un URI este considerat echivalent cu un URL, deși în principiu poate fi orice nume unic. O definiție DTD, de exemplu, ar putea arăta astfel:
Spații de nume XML
Deoarece diferite documente XML pot conține aceleași nume de etichete și atributele acestora, care au semnificații complet diferite, este necesar să le putem distinge cumva. Pentru a face acest lucru, numele etichetelor și atributelor sunt furnizate cu un prefix scurt, care este separat de nume prin două puncte. Prefixul numelui este asociat cu un identificator care specifică spatiu de nume(spațiul de nume). Toate numele etichetelor și atributelor ale căror prefixe sunt asociate cu același identificator formează unul singur spatiu de nume, unde numele trebuie să fie unice. Prefixul și identificatorul de spațiu de nume sunt definite de atributul xmlns după cum urmează:
În cele ce urmează, numele etichetelor și atributelor la care dorim să ne referim la spațiul de nume „http://URI_namespace” sunt prefixate cu ns, de exemplu:
Atributul xmlns poate apărea pe orice element XML, nu doar pe elementul rădăcină. Prefixul definit de acesta poate fi aplicat elementului în care este scris atributul xmlns și tuturor elementelor imbricate în el. Mai mult, mai multe spații de nume pot fi definite pe un singur element. În elemente imbricate spatiu de nume poate fi suprascris prin asocierea prefixului cu un alt identificator. Apariția unui nume de etichetă fără prefix într-un document folosind spatiu de nume, înseamnă că numele aparține spațiului de nume implicit. Prefixele care încep cu caractere xml în orice caz sunt rezervate limbajului XML însuși.
Numele împreună cu prefixul se numește nume extins sau calificat. Partea numelui de după două puncte se numește partea locală a numelui.
Bună ziua, dragi cititori ai blogului! În ultimul articol, ne-am dat seama care este tipul de document și cum determină browserele limba folosită folosind . Eticheta a fost luată în considerare, dar conceptul (termenul) în sine nu a fost. În acest articol vă voi spune ce este o etichetă, de ce este necesară și ce sunt etichetele. După cum am spus în ultimul articol al acestei rubrici, vom crea un fișier de pagină, pe care vom experimenta, pe baza cunoștințelor acumulate. Dar acesta este la sfârșitul articolului, dar deocamdată să ne ocupăm de eticheta HTML.
Ce este o etichetă HTML, tipuri de etichete HTML, exemple de scriere
Etichetă HTML- tradus din engleză tag - tag- caracterele cuprinse între paranteze unghiulare și sunt elemente ale Hypertext Markup Language (HTML). Simbolurile pot fi înțelese în engleză (întregul Internet este construit pe el). Eticheta arată caAceasta este eticheta de text aldine. Etichetele sunt de trei tipuri:
- Etichetă de deschidere- eticheta de la început. În exemplul de mai sus, eticheta este textul de deschidere și vine înaintea textului de selectat.
- Etichetă de închidere- etichetă la sfârșit. Caracteristica distinctivă este bara oblică „/” înaintea caracterelor din paranteze unghiulare. Din nou, să ne uităm la exemplul de mai sus. Etichetă este cea de închidere și vine după textul care urmează să fie îngroșat
- Etichete unice- etichete care nu au o etichetă de închidere. Un exemplu ar fi
Iată un exemplu de etichetă de deschidere și de închidere:
Întreaga structură, inclusiv textul, va arăta astfel:
Acest text va fi aldine
Și așa va arăta acest text atunci când browserul îl procesează și ni-l oferă: Acest text va fi aldine. Există și așa ceva ca etichete de containere, dar este doar un nume generic pentru etichetele de deschidere și de închidere. După cum am scris mai sus, pe lângă etichetele containerului, există și etichete simple. Diferența este că astfel de etichete nu trebuie să fie închise. Cel mai clar și cel mai comun exemplu este eticheta newline.
Practic, etichetele simple sunt folosite pentru a insera un element, cum ar fi o imagine sau un tabel.
Ce sunt atributele, regulile de scriere și de ce sunt necesare
Pe lângă etichete, există și așa-numitele atribute. Mai exact, nu în plus, ci în etichete. Folosind atribute, puteți seta parametri suplimentari pentru orice etichetă. Atribute fiecare etichetă are propria etichetă, iar în acest subiect vom experimenta cu eticheta , care fără atribute, de fapt, nu face nimic sensibil.Font este o etichetă de container folosită pentru formatarea textului. Cu această etichetă, puteți face textul îngroșat și puteți modifica dimensiunea și spația dintre linii - în general, tot ce se poate face cu text. Luați în considerare un exemplu cu dimensiunea textului. Să începem prin a împacheta textul într-o etichetă Font.
Text
Acum puțin despre regulile de scriere a atributelor. Atribute mereu sunt scrise în eticheta de deschidere și după caracterele etichetei în sine. Puteți scrie mai multe atribute într-o singură etichetă, în orice ordine. Atributele le găsiți pe site-ul validatorului W3C (despre care voi scrie mai jos). Deci, iată un exemplu de etichetă de font cu un atribut de dimensiune:
Text
Acest atribut de pe eticheta fontului modifică dimensiunea textului etichetat.
Dacă deschideți codul sursă al paginii, veți vedea că locul în care se află cuvântul mare „Text” arată ca
Text
Ați văzut deja cum sunt scrise atributele. Exact la fel sunt scrise în alte etichete: mai întâi scriem atributul în sine (în acest caz, dimensiunea), apoi punem „=" și închidem parametrul de atribut între ghilimele duble. Parametrii de atribut puteți găsi totul pe același site al World Wide Web Consortium.
Ce este un validator W3C, reguli de ortografie și lista de etichete
După cum am scris, există foarte multe etichete. Dar unde le poți găsi pe toate? În acest scop există validator W3C W3C- Consorțiul World Wide Web, iar în rusă - World Wide Web Consortium. Nu este complet clar, nu-i așa? Acesta este genul de loc în care sunt dezvoltate standardele web - (limbajele de marcare hipertext sunt creația lor). În fruntea întregului consorțiu se află, cunoscut din ultimul articol, Tim Berners-Lee - creatorul HTML. Site-ul web al organizației este w3.org. Vă avertizez că site-ul este complet în limba engleză, așa că aprovizionați cu un dicționar sau un traducător în browser. Apropo, Google pentru acest site este 9 și - 37000 (asta este mult, dacă cineva nu cunoaște).Revenim la subiectul articolului. Suntem interesați de standardele lingvistice HNTML 4.01. Urmăm linkul HTML 4.01 Specification , după care vedem fila elemente în partea de sus, facem clic pe ea. Aici este pagina cu toate etichetele. Aceste etichete sunt dezvoltate și adoptate ca standard de către un consorțiu. Totul, din nou, este în engleză. Imediat după cuvintele „Indexul elementelor” vedem legenda (sensul literelor din coloane):
Și imediat după legendă, există un tabel cu etichetele în sine:
- În prima coloană - Nume- numele etichetei în sine - ce ar trebui să fie între paranteze unghiulare (< и >).
- A doua coloană - Eticheta de pornire- prezenta unei etichete de deschidere. În această coloană puteți vedea litera „O”, care înseamnă „Opțional”, și tradusă din engleză - Opțional. Această literă este prezentă doar în fața etichetelor , , și și înseamnă că puteți pune eticheta de deschidere sau nu o puteți pune - browserul va face totul.
- A treia coloană - Etichetă de final- prezenta unei etichete de inchidere. Vizavi de această etichetă, puteți vedea atât litera „O”, cât și litera „F”. Valoarea primului nu s-a schimbat. A doua literă – „F” – literal din engleză „interzis” – înseamnă că este interzis să pui o etichetă de închidere, pur și simplu nu există. De exemplu, nu există nicio etichetă, pentru că nu există nimic de închis în ea.
- Al patrulea - Golînseamnă că eticheta este singură (golă). Toate etichetele care au un „E” în această coloană lângă ele au și un „F” în coloana anterioară. La urma urmei, etichetele simple nu au etichete de închidere. Aceeași etichetă servește ca exemplu .
- A cincea coloană - Depr. sau Depreciat- din engleză „not recommended”. Dacă această coloană conține litera „D” (care înseamnă exact aceeași) înseamnă că această etichetă nu este recomandată pentru utilizare în HTML. Privind puțin în viitor, astăzi Cascading Style Sheets (CSS) sunt folosite pentru a proiecta atât textul, cât și aspectul întregului site și documentul HTML. Pe scurt și simplu, este creat un fișier în care sunt scriși toți parametrii de text care pot fi apelați de anumite atribute de etichetă. Așadar, această funcție este folosită doar pe site-uri web, deoarece CSS nu este aplicabil atunci când trimiteți știri prin poștă sau în RSS. Aici sunt utile etichetele. Majoritatea acestor etichete, apropo, se referă la designul textului ( și
sunt un exemplu) - A șasea coloană - DTD- poate conține fie o scrisoare "L", sau F. În primul rând - "L" - DTD liber- înseamnă că eticheta vizavi de care se află această literă poate fi utilizată numai în documentele de tip tranzitoriu (- Tranzitorie, despre care am scris într-un articol anterior). Al doilea - F — Cadre DTD- înseamnă că eticheta poate fi utilizată numai într-un document de tip FRAMESET (— Setul de cadru). Dacă scrisoarea lipsește, atunci eticheta poate fi folosită în toate tipurile de documente.
- Și ultima, a șaptea coloană - Descriere- o scurtă descriere a etichetei, din nou în engleză
Atributele sunt conținute în aceeași pagină a specificației HTML 4.01, dar deja în fila „atribute”. Există mult mai multe atribute decât etichete. Și din nou voi semna totul punct cu punct.
- Prima coloană - Nume- ca și în cazul etichetelor - numele atributului. Totul este în limba engleză, dar având cunoștințe de bază, puteți ghici ce face cutare sau cutare atribut.
- A doua coloană - Elemente înrudite este o listă a tuturor etichetelor care folosesc orice atribut. Toate etichetele sunt legate, astfel încât să puteți sări direct la informațiile despre etichetă.
- A treia coloană - tip sunt toate valorile posibile pentru un anumit atribut. De exemplu, vizavi de atributul size pe care l-am ales în eticheta Font este valoarea CDATA. O vom lua în considerare mai târziu și, pe scurt, este un set special de opțiuni de dimensiune (în acest caz). La urma urmei, puteți scrie atât pixeli, cât și procente
- A patra coloană - Mod implicit- indică dacă atributul este necesar într-o anumită etichetă. De exemplu, în eticheta Img, este necesar atributul src, deoarece indică sursa din care să ia imaginea.
- Coloanele a 6-a, a 7-a și a 8-a înseamnă același lucru ca și în cazul etichetelor.
Toate cele de mai sus se aplică numai pentru versiunea HTML 4.01. Despre HTML 5 vom vorbi într-un alt articol și vom atinge și XHTML. Și acum, așa cum am promis, vom crea o pagină în limbajul HTML, pe care vom experimenta.
Crearea unui fișier html - document HTML
În primul rând, să înțelegem ce este document HTML. Acesta este de fapt un fișier HTML. Și toate paginile web sunt documente HTML. De exemplu, când ajungeți la un site în bara de adrese de la sfârșit, puteți vedea „.html” sau „.htm” după adresă. Iată fișierul cu această extensie pe care îl vom crea. În general, dacă doriți să experimentați pe site, și nu pe pagină, atunci este mai bine să creați un server local - Denver (despre care vreau să scriu).
Având în vedere că nici măcar nu am vorbit despre etichetele prezente pe fiecare pagină, pur și simplu vom crea un fișier cu orice nume și extensie .html. Este posibil (și cel mai bine) de utilizat Notepad++, deoarece acest editor de text folosește evidențierea codului, ceea ce este foarte convenabil atunci când editați cod și puteți salva fișiere în mai multe formate. Există și programe în care, la tastarea codului, rezultatul apare imediat în forma procesată.
Deci trebuie doar să deschidem Notepad++și salvați un fișier cu text arbitrar (puteți și să-l goliți), dar în format .html. Pentru a face acest lucru, ca de obicei, faceți clic pe fișierul de înscriere, apoi „salvați ca” și căutați printre lista mare de extensii „Fișier HyperText Markup Language(extensii de fișiere)”. Asta, de fapt, este tot. Vom adăuga primele rânduri la acest fișier în următorul articol sub titlul „Crearea unui site de la zero”
Etichetă este un cuvânt special rezervat inclus între paranteze unghiulare (de exemplu, ). Eticheta este componenta principală a HTML: codul începe cu el, se termină cu el, informațiile afișate pe pagina web sunt conținute în etichete. Se recomandă să le scrieți cu litere mici, adică cu litere mici obișnuite: nu , A .
Ce sunt etichetele?
Majoritatea etichetelor HTML sunt asociate: există una de deschidere (de exemplu, ) și o etichetă de închidere, care se distinge de eticheta de deschidere printr-o bară oblică ( / ) după primul unghi (de exemplu, ). Tot ce se află în interiorul unei perechi de etichete se numește lor conţinut.
<Открывающий_тег>ConţinutЗакрывающий_тег> Textul plasat în interiorul acestor etichete devine aldine
Există, de asemenea, etichete nepereche (single), care sunt numite etichete. Ele, spre deosebire de etichetele perechi, nu trebuie să fie închise, deoarece nu funcționează cu conținut, ci îndeplinesc anumite funcții pe cont propriu. Exemplu de etichetă cu o singură etichetă -
. Setează textul să se încadreze la următoarea linie.Dacă facem paralele cu limba rusă, atunci putem spune că etichetele pereche sunt ghilimele sau parantezele care afectează proprietățile textului cuprins în ele (încercați să nu închideți ghilimelele la timp), iar etichetele simple (etichetele) sunt semne de punctuație (semn de exclamare, semn de întrebare sau punct).
Fiecare etichetă este formată din:
- Suportul unghiului de deschidere ( < ).
- Cuvânt special (numele etichetei). De exemplu, HR, iframe,b.
- Suportul unghiului de închidere ( > ).
Etichete HTML de bază
Deoarece etichetele sunt baza limbajului de marcare, nu este surprinzător că există destul de multe. Luați în considerare principalele, cele mai importante etichete.
- - o singură etichetă în interiorul căreia este plasat un comentariu. cometariu este text care nu este procesat de browser. Puteți scrie orice în interiorul etichetei, chiar și alte etichete - nu vor funcționa, nu vor fi afișate pe ecran. Dezvoltatorii comentează codul fie pentru ca alți webmasteri să-l înțeleagă mai ușor, fie pentru ca, după mult timp, să îl poată înțelege rapid ei înșiși.
-
,
,
,
,
- - eticheta conține informații auxiliare pentru browsere și motoarele de căutare. În interiorul acestuia, puteți scrie cuvinte cheie, descrierea paginii, codificarea documentului, numele autorului etc.
-
Top articole similare