Ce este HTML, caracteristicile structurii

HTML este, fără îndoială, principala limbă a internetului, care provine din ea. Oricum, este implicat în crearea și funcționarea fiecărei pagini web de pe World Wide Web. Fără a înțelege ce este HTML și cum funcționează, este imposibil să transformi un flux continuu de text, care este inițial orice document, într-un site structurat, frumos și ușor de utilizat.

HTML și World Wide Web

Abrevierea este derivată din expresia Engleză HyperText Markup Language. Traducerea explică pe deplin ce HTML este - limba de marcare hipertext. A apărut la începutul dezvoltării internetului și a fost destinată pentru proiectarea de pagini web care conțin documentație științifică și tehnică, care trebuie în special să fie proiectată corespunzător.

Tim Berners-Lee, creatorul limbii, a presupus că, cu ajutorul lui, ar fi posibil să se creeze cu ușurință documente simple, dar ușor de înțeles, pentru a face schimb de oameni de știință din diferite orașe și țări. El a dezvoltat un set de descriptori - elemente care formează textul. Acum îi cunoaștem sub numele de "etichete".

Pentru ca textul HTML să fie afișat corect, este necesară procesarea acestuia. Acest lucru se face prin programe speciale - browsere. Ei primesc o pagină de marcare, interpretează descriptorii tagurilor și afișează textul în forma în care utilizatorul ar trebui să îl vadă.

O parte foarte importantă a limbajului, care este de înțeles chiar și din numele său, este susținerea hipertextului. Aceasta înseamnă că unele pagini HTML pot conține linkuri către alte persoane. Un sistem deosebit de important referințe încrucișate a avut pentru articole științifice, permițând să nu se scufunde în explicația unui termen complex, ci pur și simplu să trimită cititorului, dacă este necesar, la capitolul relevant.

Dezvoltarea limbajului

Odată cu trecerea timpului, setul simplu de etichete pe care HTML-ul era la începutul existenței sale a crescut și sa maturizat. A existat o oportunitate de a încorpora conținut multimedia în pagină, de a crea tabele, de a gestiona aranjamentul imaginilor.

Expansiunea spontană a limbii ar trebui să fie limitată și luată sub control, fiind necesare anumite standarde.

1995 - momentul adoptării celei de-a treia versiuni a caietului de sarcini și un punct de cotitură în soarta coderului. Modernă la acel moment, browserele nu mai puteau asigura implementarea standardelor acceptate, a început improvizația și delaminarea. Fiecare browser de Internet avea opinia proprie despre ce este HTML și cum să se ocupe de descriptorii specifici.

Din fericire, în prezent, principalele contradicții dintre browsere sunt netezite, salvând dezvoltatorii frontend o mulțime de putere și nervi.

HTML5

Actual pentru 2018 este al cincilea standard HTML, un proiect din care a apărut la sfârșitul anului 2007. Au fost introduse multe elemente și atribute noi, accentul fiind pus pe semantica paginilor web și accesibilitatea acestora pentru utilizatorii cu dizabilități.

Limbajul continuă să se dezvolte și să se îmbunătățească în mod activ.

Bazele HTML

Principalele structuri HTML sunt descriptori, etichete și entități. Textul simplu, procesat cu ajutorul acestuia, se transformă într-un document web.

Entitățile limbajului de markup hipertext sunt coduri mnemonice pentru caractere speciale Unicode care nu sunt găsite pe tastaturi convenționale.

Exemple de entități:

Entitățile HTML încep cu un ampersand, se termină cu punct și virgulă și conțin un simbol de cod ușor de reținut pentru caracter. Ele sunt importante deoarece vă permit să afișați caractere care nu pot fi explicate direct în codul HTML.

Astfel de semne includ, de exemplu, paranteze unghiulare. În limbajul de marcare a hipertextului, ele servesc ca identificatori de etichete, care înconjoară numele descriptorului din două părți.

Etichete HTML

Etichetele reprezintă principalele componente structurale ale unui document web. Acestea sunt containere de la piesele de deschidere și de închidere și conținutul între ele.

Exemplu de etichetă:

text în interiorul etichetei

Acesta este un descriptor HTML eu, definind stilul fontului italic. Scrisoarea i este prima literă a cuvântului italic. El are:

• partea de deschidere -
• partea de închidere , caracterizată prin prezența unei tăieturi;
• conținut care, după parsarea browserului, va fi afișat cu caractere cursive.

Majoritatea descriptorilor au aceeași structură, dar există un mic grup de etichete goale.

Textul lung care urmează
spargeți mai multe linii
pentru a îmbunătăți lizibilitatea.

etichetă
După parsare, va fi înlocuită cu o pauză de linie. Nu are conținut, deci partea de închidere nu este necesară.

Următoarele etichete sunt, de asemenea, goale:

• , O linie gri subțire care separă blocurile de text unul de celălalt;
• , reprezentând o întreagă familie de elemente interactive de forme;
• , fișierul imagine care se conectează;
• un număr de etichete de serviciu - , .

Descriptorii pot fi imbricate în orice număr de niveluri. Singura excepție este etichetele goale, în interiorul cărora conținutul nu poate fi conținut.

Etichete atribute

Importanța deosebită la crearea documentelor web are atribute care sunt plasate în elementul de deschidere al etichetei. Un descriptor poate avea una sau mai multe proprietăți sau nu le poate avea deloc.

În majoritatea cazurilor, cu ajutorul atributelor, sunt specificate anumite aspecte ale comportamentului elementului și, uneori, ele pot modifica radical reprezentarea vizuală. Un număr de proprietăți sunt utilizate în scopuri comerciale, permițându-vă să gestionați etichete HTML din CSS sau jаvascript.

Setarea atributului:

Selectați culoarea: Roșu Galben Verde

Iată un grup de trei elemente interactive. atribut tip determină afișarea acestora sub formă de casete de selectare, nume conține numele unui anumit câmp și proprietatea verificat, fără a avea o valoare, face ca a doua deducție să fie selectată în mod implicit.

Există atribute universale care pot fi definite pentru orice descriptor și specific, specifice tagurilor specifice.

Proprietățile universale sunt: ​​id, class, title.

Pentru a specifica - tipul de mai sus, verificat, precum și src, href și o serie de altele.

Sintaxă caracteristici

Când primiți o pagină HTML, browserul o analizează și elimină tot ceea ce este inutil. De exemplu, în majoritatea cazurilor, spațiile multiple și rupturile de linie vor fi ignorate.

Următoarele două fragmente de coduri sunt complet identice pentru browser, deși una dintre ele conține o mulțime de spații consecutive și este fragmentată în linii, iar cea de-a doua nu este.

Lorem ipsum dolor stau  Amet.
doloribus sunt,ad provident.
Lorem ipsum dolor stau Amet.
doloribus sunt, ad provident.

Migrările și filele pot fi folosite pentru a structura vizual codul, dar nu contează pentru browser. În unele cazuri, când doriți să păstrați formatul textului original împreună cu spații și liniuțe, există etichete care afișează conținutul lor fără a fi nevoie să fie pre-procesate de browser, de exemplu,

.

HTML este insensibil pentru majuscule. Aceasta înseamnă că etichetele, numele și valorile atributelor pot fi scrise cu majuscule sau majuscule, ambele opțiuni fiind gestionate în mod egal de către browser. Dacă doriți, puteți chiar utiliza combinații de litere mari și mici, dar acest lucru împiedică percepția normală a codului.

După ce te-ai familiarizat cu etichetele, proprietățile și sintaxa lor, poți să te miști de la elementele de bază ale limbajului HTML la structura documentului HTML ca un întreg.

Construirea unui document HTML

Orice pagină web trebuie să aibă un anumit cadru care să fie afișat corect de browser.

Structura obligatorie a documentului HTML include:

• declarația doctype, oferind o prelucrare corectă de către browser;
• html-wrapper al întregii pagini;
• parte dedicată serviciului cap.

Standardul HTML5 nu necesită o etichetă obligatorie corp în document, dar este recomandat să îl utilizați în continuare pentru a indica zona de conținut.

Datele descriptive de serviciu importante, dar opționale sunt:

• titlu care conține titlul paginii;
• meta-tag-uri care definesc codificarea, seo-informații, http-headers și alte setări importante.

Restul structurii paginii HTML poate fi oricare. Caracteristicile sale depind de proiectul special.

Principala regulă care trebuie respectată în orice document web este cuiburile potrivite. În primul rând, descriptorul la cel mai adânc nivel de cuibărire este închis, iar apoi toate cele externe sunt alternativ.

Textul paragrafului

Structura semantică

Pe măsură ce specificația sa dezvoltat și a devenit mai complexă și au apărut noi descriptori, tehnologiile pentru crearea documentelor web s-au schimbat. Inițial, textele erau un flux continuu, separat doar de paragrafe. Apoi a apărut epoca tabelului, care a permis plasarea blocurilor pe pagină în orice configurație, de exemplu coloane.

Odată cu dezvoltarea CSS din utilizarea tabelelor abandonate treptat, deoarece stilurile au permis formalizarea documentului după cum doriți.

Noul standard HTML încurajează semantica în structura documentului HTML. Acest lucru este realizat prin utilizarea unor astfel de etichete semantice ca antet, subsol, principal, articol, nav, secțiune și altele.

Limbajul principal al Internetului este foarte simplu. Oricine poate înțelege ce este HTML și aplică cu succes aceste cunoștințe creând propriile pagini web.

Distribuiți pe rețelele sociale:

înrudit

• Pagini cu extensii de fișiere: ce să deschidă?
• Ce este WWW: istoria creării World Wide Web
• Ce este o pagină web, cum este creată și încărcată? Ce ar trebui să fac dacă pagina nu este…
• Ce este o pagină Web? Listați principalele elemente ale paginii Web
• Ce cere World Wide Web pentru utilizator?
• Ce este FAK sau Întrebările veșnice ale World Wide Web
• De ce am nevoie de Internet la locul de muncă? Care este scopul internetului rapid?
• Tag-uri HTML: aspect, programare, design
• Istoria dezvoltării internetului și a e-mail-ului
• Ce este serverul și care sunt funcțiile acestuia
• Când sărbătorim ziua de naștere a Internetului
• Cum se introduce o imagine în HTML fără probleme
• Pe scurt ce înseamnă cuvântul "Yandex"
• Cine a inventat Internetul? Unele fapte interesante
• Ted Nelson, creatorul Xanadu. Personalitate, descoperiri, biografie
• Ce este o gazdă?
• Ce limbă de programare ar trebui să aleg pentru ca un începător să învețe
• Ce este aspectul site-ului? Arhivare tabelară și bloc: diferențe
• Lista etichetelor HTML cu descriere
• World Wide Web. Istoria numelui și modul în care SUA au creat Internetul
• Hypertextul este o modalitate de prezentare a informațiilor