Supporting the community
Dan's Web Tips | Physical vs. Logical |
---|
SFAT: Cunoasteti diferenta dintre etichetele HTML fizice (vizuale) si cele logice (structurale) si cand sa utilizati una sau cealalta.
Exista doua tipuri de baza de etichete HTML. Tag-urile logice reprezinta structura si semnificatia unui document, numai cu randamente sugerate pentru aspectul lor, care pot sau nu pot fi urmate de diverse browsere în diverse configuratii de sistem. Etichetele fizice reprezinta efecte vizuale specifice, care sunt intentionate sa fie reproduse într-o maniera precisa si nu poarta nici o conotatie cu privire la semnificatia lor semantica.
Implementarea originala a codului HTML contineau aproape în întregime etichete logice, în conformitate cu filozofia HTML ca era mai degraba o limba structurala decat o descriere a aspectului ecranului. Cateva etichete fizice au alunecat chiar si atunci (de exemplu, pentru text îndraznet). Întrucat HTML-ul a fost marit de catre producatorii de browsere Netscape si Microsoft, au fost adaugate un numar mare de etichete fizice, cu o foarte mica crestere a setului de etichete logice. Standardul HTML 4.0, iar acum HTML 5.0 în curs de dezvoltare, încearca sa remedieze acest echilibru prin introducerea unor etichete logice noi si declarand unele dintre etichetele si atributele fizice ca fiind "depreciate" în favoarea foilor de stil.
Consultantii stilului HTML au oferit sfaturi variate si contradictorii cu privire la preferinta utilizarii etichetelor logice sau fizice. Persoanele pur-liniare pot spune ca folosesc mereu etichete logice, în timp ce unii designeri grafici sustin folosirea doar a etichetelor fizice (pentru ca cele logice au tendinta, distrugatoare fata de cele ale unei mentalitati vizuale, care trebuie redate în moduri foarte diferite). Nu respect nici un standard rigid; mai degraba, eu sustin folosirea etichetelor ce au sens pentru aplicatia particulara. În zilele noastre, aceste tipuri de conflicte nu izbucnesc aproape la fel de mult, deoarece multe din noii generatii de dezvoltatori, orientate logic sau grafic, au învatat sa foloseasca Foile de Cascada pentru a mentine HTML-ul curat si simplu si prezentarea separata În foaia de stil..
Încercati sa utilizati constructiile logice ori de cate ori acestea se încadreaza în sensul pe care încercati sa-l transmiteti. Cand doriti un antet în partea de sus a paginii, eticheta
Exista o serie de etichete logice care au semnificatii specifice care va pot fi utile. este folosit pentru a înconjura titlul unei lucrari citate (de obicei, redata cu caractere cursive). desemneaza textul subliniat si desemneaza un accent puternic, de obicei redat cu caractere italice si aldine, respectiv. Avantajul utilizarii etichetelor logice mai degraba decat fizice în aceste cazuri este ca sensul dvs. este mai precis transmis. Faptul ca browserele de pe piata de masa nu fac în prezent nimic cu aceste distinctii în momentul de fata nu este un motiv pentru a le permite sa alunece; un alt software poate sa beneficieze în continuare de acestea atunci cand indexeaza sau abstracteaza documentele dvs. Sa nu mai vorbim de foi de stil: un site plin de marcari fizice greu codate va fi mult mai greu de convertit în utilizarea unei foi de stil decat un site cu o structura logica curata si simpla.
Cand doriti sa obtineti efecte vizuale particulare care nu se încadreaza în semnificatiile structurale ale diferitelor etichete logice, atunci etichetele fizice reprezinta o modalitate mai buna de ao face decat abuzul de etichete logice pentru semnificatiile care nu sunt intentionate. Astfel, daca decideti sa introduceti cu atentie întregul text al corpului, doar pentru ca va arata mai bine în acest fel, utilizati eticheta în locul etichetei , deoarece "accentul puternic" nu este conotatia semantica aici. Aparitia în browserele de pe piata de masa va fi aceeasi, dar probabil ca ati salvat o persoana nevazuta utilizand un browser audio de a auzi întregul document cu un ton puternic de voce (o redare adecvata pentru un accent puternic, dar nu o redare adecvata Pentru efectul pur vizual al boldfacing). Daca doriti întregul text într-un font mai mare, utilizati în loc de , deoarece nu intentionati sa implicati faptul ca întregul dvs. text este de fapt un "antet"
SFAT: Nu folositi pentru a indenta un bloc de text sau alte astfel de utilizari ale etichetelor logice în moduri ilogice
Nu utilizati în mod gresit etichete logice. Tineti cont de semnificatiile lor reale, nu doar de efectele lor vizuale asupra browserului dvs. (care pot varia în functie de alte browsere). Semnificatia
Din pacate, aceia dintre dvs. care folosesc editorii WYSIWYG precum DreamWeaver sau daca alte programe cum ar fi Microsoft Word sau Microsoft Publisher extrudeaza HTML, probabil nu au nicio idee daca aceste programe genereaza etichete fizice, etichete logice utilizate corect sau etichete logice abuzate. Cel mai probabil, codul pe care îl genereaza un astfel de editor nu va fi foarte bun ca o reprezentare logica a continutului dvs., deoarece este generat în conformitate cu un aspect grafic mai degraba decat o structura logica. Cu atat mai mult trebuie sa învatati sintaxa HTML si sa scrieti manual paginile într-un editor ASCII!
Articolul de mai sus a fost scris initial în anii 1990, cu cateva revizuiri si actualizari ulterioare. Cel mai modern web HTML 5 (din 2015) ofera acum si mai multe oportunitati de utilizare a identificatorilor logici pe Web. Foile de stil cascada v-au lasat mult timp sa atasati stiluri variate la lucruri logic numite prin utilizarea atributelor "class" si "id", dar acum puteti chiar sa definiti propriile elemente HTML personale, care pot obtine stilul lor din foile de stil. Este necesar doar ca elementele noi sa fie denumite cu o cratima în ele, pentru a nu intra în conflict cu etichetele HTML actuale si viitoare "standard"..
We believe in helping people and that matter to us more than anything else. Since the very beginning of our company, our team have been willing and wishing to help.