E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale HTML

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DESIGN  /  HTML  /  Optimizare HTML (3)

Importanta markup-ului semantic

10.05.2008
Importanta markup-ului semantic

Markup reprezinta modul in care documentul este prezentat(asezat) in pagina.

Total vizualizari: 3012 3012 afisari   |   Comentarii  0   |   Rating   |   (1 vot)   |   Timp necesar: 15 min 15 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1
comenteaza printeaza

Markup reprezinta modul in care documentul este prezentat(asezat) in pagina.

<ul> 
<li>Jam</li> 
<li>Eggs</li> 
<li>Butter</li> 
<li>Beer</li> 
</ul>

Browserele discern care elemente din pagina sunt mai importante decat altele prin intermediul markup-ului pe care il oferi. Daca  numele companiei de exemplu este scris intr-un tag paragraf(<p>) este foarte posibil ca la redare sa se piarda in text, dar daca este incadrat de tagul de antet(heading 1), motoarele de cautare ii vor acorda mai multa importanta. Optimizarea pentru motoarele de cautare este un bun motiv pentru folosirea markup-ului.

Un document este mai usor de formatat daca este marcat corect. Daca toate titlurile ( heading / antete) au taguri Heading 2 trebuie sa specifici numai o clasa CSS si toate titlurile din sectiune vor fi formatate.Daca vei scrie un cod HTML cu markup slab, nesemantic, cu trecerea timpului stylesheetul nu va mai putea fi interpretat.

Microformats (microformatarile) sunt o metoda de a optimiza documentele HTML pe baza unui set de reguli semantice. Le poti folosi pentru a face textul mai clar. "hCalendar" este o modalitate de a marca documentele pentru a comunica utilizatorului ca stringurile din tag-urile HTML reprezinta elemente specifice ale unui eveniment din calendar.

<p>My birthday: <br />
  Time to celebrate and shake your rump! <br />
  25th Jan 2007 8pm til 4am.</p> 
<div class="vevent"> 
<abbr class="dtstart" title="20070125T2000Z">January 25th 8pm</abbr>, 
<abbr class="dtend" title="20070126T400Z"> 4am</abbr> &mdash; 
<span class="summary">My birthday</span> 
<span class="location">London</span> 
<div class="description">Time to celebrate and shake your rump!</div> 
</div>

Facilitatea oferita de aceste microformatari este aceea ca utilizatorii pot descarca informatia in soft-urile lor calendaristice. Fara o marcare semantica acest lucru nu ar fi posibil. Pentru a incepe sa scrii codul semantic, trebuie sa intelegi HTML in detaliu. Nu exista nici o metoda de a stapani aceasta parte decat prin studiu.

Beneficiile utilizarii unui markup semantic:
- evaluare mai buna de catre motoarele de cautare,
- mentenanta usoara a codului,
- cod mai usor de formatat folosind HTML,
- cod mai usor accesibil pentru cei cu deficiente de vedere,
- iti asiguri codul pentru a fi inteligibil in viitor.

Pagina:
1
comenteaza printeaza
Alte tutoriale HTML:
Noteaza acest tutorial
Rating tutorial
 
(1 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
4550
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4460
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4410
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4280
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
4155
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
PHP PSD CSS Powerpoint Outlook Swift 3D COREL DRAW Gimp Dreamweaver XML Ruby on Rails Bridge StyleSheet Verilog MySQL SEO AJAX Word Lightroom Sony Vegas Flash Javascript Photoshop Python Vista Fotografie Excel Java Fireworks XHTML HTML Action Script JSON Illustrator SWF RoR
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software