Standarde HTML sau ce este !DOCTYPE. Structura corectă a documentului HTML și codul paginii
Când Internetul și site-urile web au apărut pentru prima dată, dezvoltatorii s-au confruntat cu o problemă tehnică - cum să organizeze și să structureze informațiile documentelor text și grafice pentru o prezentare ușoară în browsere?
Soluția a fost găsită în limbajul de marcare hipertext. În acele zile, fiecare dezvoltator de site își scria practic propriul limbaj, fără să se gândească la compatibilitate. Ca urmare, fiecare site avea nevoie de propriul browser.
Desigur, acest lucru nu putea continua mult timp. De îndată ce Internetul a început să prezinte un interes comercial, a apărut o nevoie urgentă de unificare și standardizare imediată a spațiului informațional al Internetului.
Standardul HTML 2.0
HTML 2.0 a fost primul limbaj de marcare hipertext standard recunoscut. Înainte de aceasta, dezvoltatorul nu putea fi de acord între ei. Site-urile în această limbă au fost create cel mai simplu și au avut multe limitări. Și în curând, World Wide Web Consortium a propus următoarea versiune.
HTML 3.2
De asemenea, a treia versiune nu este nimic special. Dezvoltarea de noi funcții a continuat, s-au făcut încercări de unificare a browserelor diferiților jucători.
Standardul HTML 4.0
A patra versiune de HTML permitea deja . Multe etichete inutile au fost eliminate. Pentru a facilita paginile web, separarea informațiilor textuale și formatarea acesteia a fost realizată prin introducerea unui astfel de element precum foile de stil în cascadă.
Acesta este ceea ce a făcut posibilă realizarea unei afișari cu adevărat standard a site-urilor în browsere de la diferiți producători.
Până la sfârșitul secolului al XX-lea, al patrulea HTML aproape și-a epuizat posibilitățile de dezvoltare, iar consorțiul C3W a propus o nouă versiune extinsă numită XHTML.
Standardul XHTML 2.0
După câteva experimente, a fost stabilită cea de-a doua versiune a limbajului de marcare hipertext extins. Extensia actuală a fost aceea de a folosi formatul XML pentru o organizare mai riguroasă și mai sistematizată a HTML-ului în sine. În esență, XHTML sunt toate aceleași etichete, dar transmise ca un document XML.
Un astfel de proces necesită o anumită înăsprire a cerințelor pentru HTML:
- Sunt permise numai litere mici.
- Toate etichetele trebuie să fie închise:<> .
- Formatarea textului în interiorul corpului documentului nu este permisă.
- Utilizarea foilor de stil în cascadă CSS este obligatorie.
Astfel, noua versiune a devenit „mai strictă și mai standard”. Pentru a realiza pe deplin toate noile caracteristici, a fost nevoie și. În același timp, browserele mai vechi pot reda site-uri XHTML.
Complet realizat?
Indiferent cât de. Tehnologiile informatice nu stau pe loc, au apărut computerele mobile, au apărut serviciile cloud, internetul a încetat să mai fie un lux. Rețelele sociale au reprezentat o adevărată descoperire în domeniul mass-media. Utilizatorii au avansat și este nevoie de mult mai mult de la site-uri web decât doar furnizarea convenabilă de informații.
Astfel, XHTML a fost recunoscut ca o cale de dezvoltare fără fund chiar înainte de începutul secolului al XXI-lea. Nici măcar limbajul hipertext extins nu a fost suficient pentru a crea resurse web dinamice, interactive și multimedia.
A existat o încercare de a îmbunătăți site-urile statice prin includerea elementelor de programare (scripturi) și reorganizarea structurii paginii web într-un format de model de obiect de document. Site-urile web au devenit mai rapide și mai interactive. Dar, prea complicat pentru aspect, depanare și personalizare.
Și, în sfârșit, standardul HTML 5
Toate problemele ar trebui rezolvate de standardul HTML5 în curs de dezvoltare. Tot excesul va fi aruncat. Iată cum arată directiva document:
Va exista un singur tip de site-uri pentru toate browserele, pentru toate sistemele de operare și pentru toate tipurile de computere.
Vă rugăm să distribuiți dacă vă place:
Ați putea fi, de asemenea, interesat să știți:
O zi buna! Astăzi vom învăța cum să creăm wireframe pentru prima noastră pagină HTML. Sau, mai degrabă, să ne ocupăm de structura de bază a paginii html, să aflăm în ce constă. Dar, în primul rând, să vorbim puțin despre etichete.
În ce este o etichetăHTML?
Eticheta este elementul de bază al limbajului HTML. Adică, HTML este format din etichete, iar pentru a învăța HTML, este suficient să studiezi principalele etichete care sunt cele mai des folosite. În comparație cu un exemplu din viața reală, etichetăîn HTML este ca o cărămidă pentru acasa. Caramida este elementul principal care este folosit pentru construirea unei case. La fel este și în HTML, eticheta este elementul de bază pentru crearea unei pagini html. Cu ajutorul etichetei, îi spunem browserului cum să afișeze corect conținutul paginii html.
Există două tipuri de etichete pereche de eticheteși etichete unice:
- Etichete pereche Acestea sunt etichete care constau dintr-o etichetă de deschidere și o etichetă de închidere. Pe scurt, acestea sunt etichete care au o etichetă de închidere. Exemple: și;
și ; și ; și
; ; - Etichete unice acestea sunt etichete care nu au o etichetă de închidere. Exemple de etichete unice:
.
Pagina html are structură de bază. Structura de bază pe toate paginile site-ului arată la fel. Singurul lucru care poate diferi în structura de bază a paginilor de la site la site este elementul DOCTYPE. Pentru a afla ce este un DOCTYPE și ce tipuri există, citiți acest articol. Dacă nu specificăm acest element, browserul va afișa incorect pagina.
Iată cum arată baza cadrupagina html:
Acum, dacă deschidem această pagină într-un browser, aceasta va fi goală. Acum să adăugăm câteva linii de cod în interiorul etichetei corpși deschideți din nou această pagină în browser.
Prima mea pagină html
Iată cum arată pagina în browser după modificarea codului:
Analizând acest exemplu
În partea de sus a paginii, înainte de eticheta html indica întotdeaunaDOCTYPE, care este tipul de document.
Fiecare pagină html începe cu etichetă< html> si se termina etichetă html>și constă dintr-un antet < cap> cap> si trupul < corp> corp>.
În interiorul antetului sunt scrise elemente de serviciu care nu sunt afișate pe pagina din browser. În principal:
- Meta etichete. Principalele sunt m eticheta de codificare eta, prin care specificam codificarea paginii ( ), meta-etichete pentru motoarele de căutare, asta metaetichetăcu descrierea paginii (Descriere)și cuvinte cheie pentru pagina (Cuvinte cheie).
- Titlul paginii, care este indicat în interiorul etichetei < titlu> titlu>. Acest titlu este afișat într-o filă de browser.
- Bloc cu stiluri interne. < stiltip=”text/css">Stiluri interne.
- O singură etichetă < link />, prin care conectăm fișiere externe.
- Și, de asemenea, blocul < scenariusrc=" library.js" tip=" text/javascript" > scenariu>în care sunt scrise diverse scenarii JavaScript.
În interiorul etichetei < corp> corp> conținutul paginii este scris. Conținutul poate conține text, imagini, tabele, liste, link-uri și alte elemente care sunt afișate pe pagină în browser.
Numele etichetelor pot fi scrise în orice caz, adică dacă scriem < CORP>,< corp>,< corp> sau < corp>, atunci rezultatul va fi același, dar este întotdeauna recomandat scrie cu litere mici acesta este < corp>.
Poate asta e tot. Din acest articol mic, dar foarte important, ați învățat cum arată structură de bază pagina html.
Dacă creați un șablon de la zero, atunci trebuie să începeți de la ceva. Având în vedere că standardul HTML5 este „cu gamă largă în toată țara”, voi da un exemplu de șablon HTML5 gol în acest articol.
În noul standard, multe au fost simplificate, iar acum partea de bază arată astfel:
Noi etichete HTML5
HTML5 introduce mai multe etichete noi pentru structura codului: