Cum se folosește ul în html. Cum să plasați elementele din listă pe orizontală? Unde sunt scrise stilurile de listă în șablonul Twenty Eleven

Limbajul de marcare hipertext HTML are o etichetă

, folosit pentru a crea liste cu marcatori. Este susținută de toată lumea browsere moderneși vă permite să afișați elemente într-o ordine care nu necesită numerotare. De exemplu, afișează foarte des articolele de meniu și tot ce are legătură cu listele de pe pagină: feluri de mâncare, produse, echipamente, unelte și multe altele care trebuie listate fără a indica prioritatea unui anumit articol.

Sintaxa etichetei

• Elementul #1
• Elementul #2
• Elementul #3
• ...

Acest cod se traduce într-o listă cu marcatori pe site:

• Elementul #1
• Elementul #2
• Elementul #3

Etichetă

cere utilizare obligatorie eticheta de inchidere
.

Pentru a forma elementele listei, se folosește o etichetă asociată. Între etichetele de deschidere și de închidere sunt cuvinte individuale, fraze, paragrafe, imagini, bucăți de cod și multe altele care sunt conținutul listei cu marcatori.

Care poate fi conținutul unei liste cu marcatori?

Acesta poate fi o varietate de text, inclusiv cuvinte individuale, fraze și paragrafe, imagini, liste imbricate, bucăți de cod php și multe altele care necesită marcare simplă.

Fiecare element din listă cu marcatori este indentat implicit 40 de pixeli spre dreapta. Folosind Stiluri CSS, putem schimba afișajul această listă la propria discreție. Etichetă

este bazat pe blocuri, deci ocupă întreaga zonă disponibilă, limitată de marginea ecranului, cadrul tabelului sau alte elemente ale paginii.
Sunt permise atașamentele List-in-a-list.

De exemplu

• Elementul #1
• • Elementul #2-1
  • Elementul #2-2
  • Elementul #2-3
• Elementul #3
• ...

Etichetă atribute și proprietăți

Atribut de etichetă utilizat pe scară largă

este un atribut de tip care indică cum va arăta marcatorul de listă. Poate lua următoarele valori

1. type="disc" - marker sub forma unui cerc umplut (această valoare este implicită). Exemplul de disc a fost puțin mai înalt.

2. type="cercle" - marker sub forma unui cerc transparent

De exemplu:

• Elementul #1
• Elementul #2

• Elementul #1
• Elementul #2

3. type="square" - marker sub formă de pătrat

De exemplu:

• Elementul #1
• Elementul #2

Și iată cum arată pe pagină:

• Elementul #1
• Elementul #2
Nota 1

În CSS, tipul marcator este specificat folosind atributul list-style-type:

• ...

Să ne uităm la ce valori poate lua tipul de listă:

• disc - marcator sub formă de cerc (exemplul a fost mai sus)
• cerc - marcator sub forma unui cerc transparent (exemplul a fost mai sus)
• pătrat - marcator sub formă de pătrat (exemplul a fost mai sus)
• zecimală - marcator sub forma unei liste numerotate cu cifre arabe: 1, 2, 3, ...
• zecimal-leading-zero - un marcator sub forma unei liste numerotate în cifre arabe cu un zero înainte: 01, 02, 03, ...
• inferior-roman - un marcator sub forma unei liste numerotate în alfabetul roman cu litere mici: i, ii, iii, iv, v
• upper-roman - marcator sub forma unei liste numerotate în alfabetul roman cu majuscule: I, II, III, IV, V
• low-latin - marcator sub forma unei liste în alfabetul latin cu litere mici: a, b, c, d, ...
• upper-latin - marcator sub forma unei liste în alfabetul latin cu majuscule: A, B, C, D, ...
• greacă inferioară - un marcator sub forma unei liste în alfabetul grecesc cu litere mici
• Upper-grec - un marcator sub forma unei liste în alfabetul grecesc cu majuscule
Nota 2

Atributul poate fi atribuit etichetei în sine

, și etichete
• . Când setați un atribut unei etichete
  toate elementele din listă vor fi afișate așa cum este indicat de atribut. Dar putem da unui element sau altul propriul său display. Exemplu din imagine:

  Codul arată astfel:

  • Elementul #1
  • Elementul #2
  • Elementul #3

  • Elementul #1
  • Elementul #2
  • Elementul #3

  Schimbarea marcatorilor de etichete

  folosind CSS

  Elemente din lista marcatori create de etichetă

  , poate fi marcat cu imagini arbitrare. CSS este folosit pentru a schimba tipul de marker. De exemplu

  • Elementul #1
  • Elementul #2
  • Elementul #3

  Și așa arată pe pagină:

  • Elementul #1
  • Elementul #2
  • Elementul #3

  C folosind CSS putem seta alte tipuri de afișare a markerului. Dar trebuie să rețineți că atunci când specificați orice stil pentru o etichetă

  , se aplică tuturor elementelor listei.
  Dacă decideți să schimbați listele standard ul și li, atunci acest subiect va fi interesant pentru dvs. Pentru că aici vei învăța mai multe solutii originale. Ceea ce cu siguranță vă va ajuta să schimbați aspectul standard într-unul unic, în care este folosit stilul CSS, pentru proiectarea listelor. Avantajul este că vom folosi o singură clasă pe tot parcursul, ceea ce va schimba radical aspectul. Pe lângă acești parametri, puteți specifica la ce număr ar trebui să înceapă lista aici puteți face totul singur. Valoarea de pornire implicită pentru listele numerotate este prima sau litera A.

  Cu elementele de bază la o parte, acum vom arunca o privire mai atentă asupra elementelor utilizate pentru a oferi structură și semnificație diferitelor părți ale designului. Dacă cineva nu știe, ul și li sunt o opțiune mult mai bună decât textul simplu, deoarece atunci când textul este împachetat, mai ales în telefon mobil, se indentează perfect și nu se înfășoară în jurul markerului.

  Listele sunt considerate o modalitate excelentă de a prezenta informații pe pagini, deoarece sunt ușor de citit și arată bine. Mulți oameni par să creadă că punctele marcatoare sunt imagini mici, dar de fapt toate sunt create printr-un cod HTML destul de simplu. Puteți încorpora diferite tipuri listele între ele, dacă doriți, nu uitați să le închideți corect. Vă puteți juca cu textul dorit în toate aceste comenzi din listă.

  De asemenea, trebuie să știți că listele conțin inițial mai multe elemente:

  1 . Informații dezorganizate.
  2 . Informații organizate.
  3 . Definiții.

  Să începem instalarea:

  1. Opțiune:

  
  
  • Element din listă
  
  
  • Lista unică
  
  
  • Liste originale
  
  
  • ZORNET.RU - Webmaster
  
  
  • O altă listă
  
  
  
  CSS

  Ksangelopan (
  marjă: 19px 0 0;
  umplutura:0;
  stil de listă: niciunul;
  contraresetare: li;
  }
  .ksangelopan li (
  chenar: 2px solid #3575ad;
  fundal: #d7dee4;
  poziție: relativă;
  margine-jos: 17px;
  umplutură: 15px 9px;
  }
  .ksangelopan li:hover (
  indicele z: 1;
  }
  .ksangelopan li:before (
  chenar: 2px solid #2270b3;
  poziție: absolută;
  sus: -14px;
  umplutură: 3px 9px;
  dimensiunea fontului: 11px;
  greutatea fontului: bold;
  culoare: #246eaf;
  fundal: #f2f4f7;
  contra-increment: li;
  continut: counter(li);
  -webkit-tranzitie-durata: 0.4s;
  tranziție-durată: 0,4s;
  }
  .ksangelopan li:hover:before (
  fundal: #2672b3;
  culoare: #f7f9fb;
  -webkit-transform: translate(-11px, 0);
  -ms-transform: translate(-11px, 0);
  -o-transform: translate(-11px, 0);
  transform: translate(-11px, 0);
  }
  .ksangelopan li:după (
  continut: "";
  poziție: absolută;
  tranziție-durată: 0,3s;
  -webkit-transition-property: latime;
  proprietate-tranziție: lățime;
  indicele z: -1;
  fundal: #FFF;
  inaltime: 100%;
  stânga: 0;
  sus: 0;
  latime: 0;
  }
  .ksangelopan li:hover:after (
  latime: 100%;
  }

  
  Asta e tot pentru instalare.

  2 A doua opțiune:

  

  
  
  • Element din listă
  
  
  • Lista unică
  
  
  • Liste originale
  
  
  • ZORNET.RU - Webmaster
  
  
  • O altă listă
  
  
  
  CSS

  Beleduzlopamges (
  margine-jos: 8px;
  umplutura:0;
  stil de listă: niciunul;
  contraresetare: li;
  }
  .beleduzlopamges li (
  poziție: relativă;
  chenar: 2px solid #195588;
  fundal: #eff3f7;
  umplutură: 15px 19px 15px 27px;
  marjă: 12px 0 12px 40px;
  -webkit-durata-tranzitie: 0.3s;
  tranziție-durată: 0,3s;
  }
  .beleduzlopamges li:hover (
  fundal: #FFF;
  }
  .beleduzlopamges li:before (
  înălțimea liniei: 32px;
  poziție: absolută;
  sus: 4px;
  stânga: -39px;
  latime: 39px;
  text-align: centru;
  dimensiunea fontului: 16px;
  greutatea fontului: bold;
  culoare: #f9f5f5;
  fundal: #275b88;
  contra-increment: li;
  continut: counter(li);
  tranziție-durată: 0,2s;
  }
  .beleduzlopamges li:hover:before (
  lățime: 46px;
  }
  .beleduzlopamges li:după (
  poziție: absolută;
  stânga: 0;
  sus: 4px;
  continut: "";
  inaltime: 0;
  latime: 0;
  chenar: 16px solid transparent;
  chenar-stânga-culoare: #275b88;
  -webkit-durata-tranzitie: 0.2s;
  tranziție-durată: 0,2s;
  }
  .beleduzlopamges li:hover:after (
  margine-stânga: 6px;
  }

  
  Puteți seta independent gama centrală pentru a se potrivi cu stilul principal al site-ului.

  3 A treia opțiune:

  

  
  
  • Scripturi pentru uCoz
  
  
  • Șabloane pentru uCoz
  
  
  • Design site
  
  
  • Stiluri de site-uri web
  
  
  • Stilizarea cu CSS
  
  
  
  CSS

  Nizualisanelag (
  umplutura:0;
  stil de listă: niciunul;
  contraresetare: li;
  }
  .nizualisanelag li (
  poziție: relativă;
  umplutură: 9px 17px 17px 25px;
  margine-stânga: 39px;
  tranziție-durată: 0,2s;
  cursor: pointer;
  greutatea fontului: bold;
  culoare: #343638;
  }
  .nizualisanelag li:before (
  chenar: 3px solid transparent;
  înălțimea liniei: 35px;
  poziție: absolută;
  sus: 0;
  stânga:-29px;
  lățime: 41px;
  text-align:center;
  dimensiunea fontului: 14px;
  greutatea fontului: bold;
  culoare: #619dce;
  contra-increment: li;
  continut: counter(li);
  tranziție-durată: 0,3s;
  
  dimensionare cutie: chenar-cutie;
  }
  .nizualisanelag li:hover:before (
  culoare: #337AB7;
  }
  .nizualisanelag li:după (
  poziție: absolută;
  sus: 0;
  stânga: -29px;
  latime: 41px;
  înălțime: 41px;
  chenar: 5px solid #468bd0;
  raza-limită: 50%;
  continut: "";
  opacitate: 0,5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  dimensionare cutie: chenar-cutie;
  }
  .nizualisanelag li:hover:after (
  animație: 500 ms ease-in-out 0s bounceIn;
  opacitate: 1;
  }

  @keyframes bounceIn (
  0% {
  opacitate: 0;
  transform: scale3d(.3, .3, .3);
  }
  20% {
  transform: scale3d(1.3, 1.3, 1.3);
  }
  40% {
  transform: scale3d(.9, .9, .9);
  }
  60% {
  opacitate: 1;
  transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
  transform: scale3d(.97, .97, .97);
  }
  la (
  opacitate: 1;
  transform: scale3d(1, 1, 1);
  }
  }

  
  Vine cu o animație frumoasă.

  4 A patra opțiune:

  

  
  
  • Primul element pentru site
  
  
  • Al doilea element pentru site
  
  
  • Al treilea element pentru site
  
  
  • Al patrulea element pentru site
  
  
  • Al cincilea element pentru site
  
  
  
  CSS

  Captuseala:0;
  stil de listă: niciunul;
  }
  .kudezamuden li(
  umplutură: 6px;
  }
  .kudezamuden li:before (
  umplutură-dreapta: 11px;
  greutatea fontului: bold;
  culoare: #4979a0;
  conținut: „\2606”;
  tranziție-durată: 0,4s;
  }
  .kudezamuden li:hover:before (
  culoare: #235e90;
  conținut: „\2605”;
  }

  
  Similar versiunile anterioare, doar pictograma în sine a fost schimbată.

  În general, aceasta este o mică selecție de liste pe care le poate face webmasterul frumoasa lista pe portal, unde el însuși îl poate proiecta mai mult, așa cum vrea el însuși să-l vadă.

  Dacă trebuie să puneți articole într-o listă numerotată în loc de una cu marcatori, atunci va fi folosit HTML ordonat. Această listă este creată folosind eticheta ol. Numerotarea începe de la unu și crește cu una pentru fiecare element de listă ordonat ulterior cu eticheta li.

  Singura diferență este că această etichetă este făcută strict pentru listele de numerotare. Numele etichetei provine de la abrevierea engleză „Ordered List” – o listă numerotată.

  Sintaxa etichetei

  1. Elementul #1
  2. Elementul #2
  3. Elementul #3
  4. ...

  Unde atributul type="value" poate lua următoarele valori

  • A - setează marcaje sub formă de litere mari latine (A, B, C..);
  • a - stabilește marcatori sub formă de litere latine mici (a, b, c..);
  • I - setează marcaje sub formă de cifre romane mari (I, II, III, IV..);
  • i - stabilește marcaje sub formă de cifre romane mici (i, ii, iii, iv..);
  • 1 (implicit) - setează marcatori sub formă de cifre arabe (1, 2, 3..);

  Atributul start="value" specifică valoarea inițială (valoarea de început) a raportului.

  Atributul inversat specifică numărarea inversă (dacă este necesar).

  Etichetă

  necesită utilizarea obligatorie a unei etichete de închidere

  Pentru a forma elementele listei, se folosește o etichetă asociată

  • . Între etichetele de deschidere și de închidere sunt cuvinte individuale, fraze, paragrafe, imagini, bucăți de cod și multe altele care sunt conținutul listei cu marcatori.

    Nota

    În interiorul listei, puteți schimba contul în al dvs. Există un atribut special value="" pe etichetă în acest scop.

  • , căruia i se atribuie unele valoare numerică. De exemplu

    1. Elementul #1
    10. Elementul #2
    11. Elementul #3

  Exemple cu liste numerotate în html (

  )

  Exemplul 1. Lista numerotata HTML cu litere latine

  Exemplu cu majuscule

  1. Elementul #1
  2. Elementul #2
  3. Elementul #3

  1. Elementul #1
  2. Elementul #2
  3. Elementul #3

  Exemplu cu litere mici

  1. Elementul #10
  2. Elementul #11
  3. Elementul #12

  Cam asa arata pe pagina:

  1. Elementul #1
  2. Elementul #2
  3. Elementul #3

  Exemplul 2. Lista numerotata HTML cu litere romane

  Exemplu cu majuscule

  1. Elementul #1
  2. Elementul #2
  3. Elementul #3

  Cam asa arata pe pagina:

  1. Elementul #1
  2. Elementul #2
  3. Elementul #3

  Exemplu cu litere mici

  1. Elementul #1
  2. Elementul #2
  3. Elementul #3

  Cam asa arata pe pagina:

  1. Elementul #1
  2. Elementul #2
  3. Elementul #3

  Exemplul 3. Lista numerotată html poziție de pornire diferită

  Un exemplu care arată capabilitățile atributului start, care vă permite să setați valoarea de pornire a contorului.

  50. Elementul #1
  51. Elementul #2
  52. Elementul #3

  Cam asa arata pe pagina:

  1. Elementul #1
  2. Elementul #2
  3. Elementul #3

  Exemplul 4. Modificarea numărului în liste numerotate html

  Mai jos este un exemplu cu capacitatea de a schimba valorile contorului folosind atributul value atunci când se afișează elemente noi în etichete

  • .

    10. Elementul #1
    11. Elementul #2
    100. Elementul #3
    101. Elementul #4

    Cam asa arata pe pagina:

    1. Elementul #1
    2. Elementul #2
    3. Elementul #3
    4. Elementul #4

    Exemplul 5. Lista numerotată inversă în html

    Mai jos este un exemplu de listă numerotată invers (numărând în ordine inversă).

    10. Elementul #1
    11. Elementul #2
    12. Elementul #3
    13. Elementul #4

    Cam asa arata pe pagina:

    1. Elementul #1
    2. Elementul #2
    3. Elementul #3
    4. Elementul #4

    Element

    (din limba engleză „unordered list”) creează o listă cu marcatori (neordonată). De obicei, elementul
    folosit pentru a crea liste în care modificarea ordinii elementelor din această listă nu modifică semnificativ sensul listei.

    Etichetă

    se referă la elemente de bloc, deci va ocupa toată lățimea disponibilă, iar dimensiunea înălțimii va depinde de cantitatea de conținut.

    Elementele pentru listele numerotate sunt definite folosind o etichetă

    • , care, pe lângă text, poate include și alte elemente HTML (liste, imagini, titluri, paragrafe etc.). Implicit, liste cu marcatori sunt afișate pe pagina web ca o listă care începe cu un mic cerc negru. Browserele adaugă o mică marjă la stânga atunci când afișează elementele din listă.

      Nota: Dacă să

      se aplică proprietate CSS, apoi elementele
      • moștenesc aceste proprietăți.

        Sfat: Pentru a schimba tipul de marcator, utilizați proprietatea CSS tip list-style-type sau proprietatea list-style-image, care vă permite să înlocuiți marcatorii cu imagini. Pentru a crea liste numerotate, utilizați eticheta

        .

        Sintaxă

        ...
        • ...
        ...

        Etichetă de închidere

        Necesar.

        Atribute

        compactDeprecated în HTML5 Reduce indentarea și spațierea între rânduri. type HTML5 Setează tipul de marcator de listă.

        Disponibil pentru acest articol atribute globaleŞi evenimente.

        Stil implicit

        Majoritatea browserelor vor afișa elementul

        cu urmatoarele Valori CSS implicit:

        Ul ( afișare: bloc; tip listă-stil: disc; margine-sus: 1em; margine-jos: 1 em; margine-stânga: 0; margine-dreapta: 0; padding-left: 40px; )

        Diferențele dintre HTML 4.01 și HTML5

        Atributele compact și type nu sunt acceptate în HTML5.

        Exemplu de utilizare:

        Lista HTML neordonată:

        Exemplu HTML:

        Încercați singur
        • Cafea
        • Ceai
        • Cacao

        Specificații

        Caietul de sarcini	Stare
        Standard de viață HTML WHATWG (WHATWG)	Standardul de trai
        HTML 4.01 (W3C)	Recomandare
        HTML5 (W3C)	Recomandare
        HTML 5.1 (W3C)	Recomandare

        Suport pentru browser

        Încercați singur - Exemple

        Cum pot face ca lista să înceapă cu un alt număr decât 1?

        Să continuăm conversațiile noastre despre începuturile html-ului. În acest articol, vreau să vorbesc despre cum să creez paragrafe, liste și titluri în text. Și, de asemenea, despre etichetele simple
        Şi

        ---

        .

        Vă sfătuiesc cu insistență să citiți prima lecție din această serie, precum și articolul introductiv despre începerea studiului html pentru cei care nu sunt încă familiarizați cu ele.

        Acum vom continua să studiem etichetele. Voi presupune că cititorul este deja familiarizat cu materialul din articolele de mai sus.

        Ca întotdeauna, planul de lucru:

        1. Paragrafe
        2. Rupere de linie
           
        3. Liste și elemente de listă
        4. Titluri
        5. Rigle orizontale

           ---

        Paragrafe

        Textul este aproape întotdeauna format din paragrafe. Un paragraf este un element de text care transmite o gândire completă.

        În html, un paragraf, după cum se vede din titlu, este notat cu . Litera „p” este luată din cuvântul „paragraf”, care înseamnă doar „paragraf”.

        Să ne uităm la un exemplu:

        Textul primului paragraf. Conține un gând. Dar acum gândul s-a terminat.
        

        
        

        Un alt gând a început deja și îl scriem într-un alt paragraf.
        

        După cum puteți vedea, utilizarea paragrafelor este foarte simplă și nu necesită comentarii speciale. Dacă ne uităm la acest cod într-un browser, vom vedea două linii cu o linie goală între ele. În textele rusești, se obișnuiește să se separe un paragraf nu printr-o linie goală, ci prin deplasarea primului rând la dreapta. Dar aceasta este exact formatarea care este adesea folosită pe Internet, așa că este adesea lăsată în textele în limba rusă. Cu toate acestea, dacă nu vă place acest comportament, îl puteți modifica folosind CSS.

        Rupere de linie
        

        Uneori trebuie să traduceți un rând fără a termina un gând sau a închide un paragraf. Adică, mergi la o nouă linie. Există o singură etichetă pentru asta
        . Iată un exemplu de utilizare a acestuia:

        Vântul bate vesel
        
        Și barca accelerează
        
        Aleargă în valuri
        Cu pânzele ridicate.
        

        Acest fragment dintr-o poezie de A.S. Pușkin ne-a ajutat să ilustrăm acțiunea etichetei
        . Am plasat în mod special ultimele două linii ale acestui catren într-o singură linie de cod pentru a arăta că liniile sunt transferate pe o linie nouă nu pentru că am plasat întreruperi de linie, ci pentru că am plasat etichete
        . Această etichetă este foarte simplă și nu necesită explicații detaliate, așa că nu vom mai discuta aici.

        Liste,

        și enumerați elemente

        Uneori trebuie să enumerați ceva în text. În acest scop, se folosesc trei etichete: ul, ol, li. Toate aceste etichete sunt etichete de container, dar eticheta este întotdeauna conținută într-unul dintre containere sau și nu are nicio semnificație în afara acestora. Containerul ul este folosit atunci când nu ne pasă de ordinea articolelor enumerate și nu vrem să ne concentrăm pe ordinea în care apar. Eticheta ol, dimpotrivă, concentrează atenția asupra succesiunii elementelor, numerotând automat fiecare linie. Să ne uităm la un exemplu:

        
        
        • chifla
        
        
        • Plăcintă
        
        
        • Pâine
        
        
        • Plăcintă
        
        

        Pe ecranul browserului, acest cod va arăta astfel:

        • chifla
        • Plăcintă
        • Pâine
        • Plăcintă

        Dacă pur și simplu înlocuim eticheta ul cu eticheta ol, obținem o listă numerotată:

        
        
        1. chifla
        
        
        2. Plăcintă
        
        
        3. Pâine
        
        
        4. Plăcintă
        
        

        Acum arată așa:

        1. chifla
        2. Plăcintă
        3. Pâine
        4. Plăcintă

        Nimeni nu interzice imbricarea unei liste în alta, formând liste imbricate cu subliste:

        
        Instrumente:
        
        • Saw
        
        
        • Șurubelnițe
          
          
          
          1. Drept
          
          
          2. Cruce
          
          
          
          
        
        
        • Burghiu
        
        

        Trebuie să experimentați puțin cu aceste liste pentru a vă obișnui să le folosiți. Există un alt tip de listă, dar este rar folosită, așa că nu voi vorbi despre asta acum. Poate într-un alt articol.

        Desigur, ca orice altceva, aspect Aceste elemente pot fi modificate dincolo de recunoaștere folosind CSS.

        Titluri

        Desigur, paragrafele ajută la structurarea documentelor. Dar pentru a împărți un text mare în părți logice mai mici, puteți intitula fiecare dintre ele. Fiecare parte poate conține subpărți suplimentare, cu propriile titluri de nivel inferior și așa mai departe. Pentru a seta titlul, utilizați etichete , unde „x” este un număr de la 1 la 6. Cu cât numărul este mai mare, cu atât titlul este mai mic. Adică, antetul de nivel superior se va numi h1, iar antetul de la nivelul inferior se va numi h6. În mod implicit, textul din aceste titluri este afișat cu font mare și indentat. Acest text este afișat pe întreaga linie, adică etichetele hx sunt etichete bloc. Eticheta h1 are cel mai mare font, iar eticheta h6 are cel mai mic font. De regulă, există una, maximum două etichete h1 de nivel superior pe o pagină. Pe măsură ce nivelul scade, numărul de etichete crește. Dar este rar ca un webmaster să poată descompune textul atât de mult încât să aibă nevoie de titluri de nivel 5 sau 6. Chiar și nivelul 4 este rar folosit.

        Mai puține cuvinte, mai multă acțiune!