Supporting the community

Ponturile lui Dan despre Web

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, <B> 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..

Cand sa utilizati marcajul logic

Î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 <H1> este o alegere buna. Alternativa utilizarii unei etichete fizice <FONT SIZE = "+ 3"> are efectul negativ de a nu conota un antet logic; orice program care încearca sa creeze o schema structurala a documentului dvs. din anteturile sale va fi frustrat atunci cand nu le marcati ca atare. Un browser de tip text, cum ar fi Lynx, si un program de citire pentru orb, pot avea o modalitate proprie de a semna un antet pentru utilizator si acest lucru va fi inoperant în documentul dvs. atunci cand semnalati ca, cu o schimbare a fontului care nu are sens Aceste alte dispozitive.

Exista o serie de etichete logice care au semnificatii specifice care va pot fi utile. <CITE> este folosit pentru a înconjura titlul unei lucrari citate (de obicei, redata cu caractere cursive). <EM> desemneaza textul subliniat si <STRONG> 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.

Daca iesiti din mentalitatea grafica-artist care cere controlul perfect al pixelului asupra randarii site-ului dvs., veti putea transmite sensul site-ului dvs. într-un mod sensibil, independent de platforma. Încercati sa nu învingeti logica HTML, evitand etichetele logice doar pentru ca nu va place cum arata unele dintre ele pe unele browsere. De exemplu, unii designeri nu-i plac modul în care sunt redate paragrafele, deci folosesc o rupere de linie urmata de un grafic gol pentru a alinia linia urmatoare. Acest tip de lucru nu este, în general, o idee buna, deoarece este probabil sa se degradeze slab în medii diferite (de exemplu, navigarea numai prin text) si sa ascunda structura documentului pentru indexarea robotilor. Aflati cum sa utilizati foile de stil si puteti defini aspectul elementelor logice ale paginilor dvs. într-un mod mult mai flexibil decat ati putut vreodata cu marcarea fizica

Cand sa utilizati marcarea fizica

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 <B> în locul etichetei <STRONG>, 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 <FONT SIZE = "+ 1"> în loc de <H4>, deoarece nu intentionati sa implicati faptul ca întregul dvs. text este de fapt un "antet"

SFAT: Nu folositi <UL> 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 <UL> nu este "indentarea acestui text"; inseamna "ceea ce urmeaza este o lista fara numere", si faptul ca unele browsere indent este incidental. (Versiunile anterioare ale WebTV nu au liniute în listele <UL>!) Prin specificatiile HTML, numai continutul corespunzator pentru o lista <UL> este <LI> elemente, astfel încat redarea listelor care nu urmeaza aceasta sintaxa este nedefinita; Un browser compatibil cu standardele ar putea sa elimine întregul continut din acea sectiune a documentului. Este o forma proasta de a se baza pe comportamentul unor browsere, care se comporta împotriva sensului logic al unei etichete. Veti sfarsi sa confundati orice software care încearca sa interpreteze semnificatia documentului dvs. în loc de aspectul sau si veti avea dificultati în conversia documentelor pentru inovatii noi, cum ar fi foile de stil.

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!

Elemente personalizate

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"..

Link-uri

  • O introducere detaliata a elementelor personalizate
  • David Siegel, autorul site-urilor Web Creator Killer, întelege distinctia dintre etichetele fizice si cele logice, însa, datorita conceptiei sale orientate spre designul grafic, el pledeaza pentru a folosi prima, unde as sustine aceasta din urma. El a fost una dintre cele mai bine prezentate explicatii ale punctului opus de vedere al meu, dar în prezent site-ul "KillerSites" pare sa fie condus de altcineva si nu mai are destula sustinere logica-ostila pe care o avea odata.

Translated by: Irina Vasilescu

Link to the original page: Click Here

We love giving back to the community

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.