Web laatu - Tärkeät HTML-elementit

Web-laadun parantamiseksi <DOCTYPE>, <title> ja <h1> ovat tärkeitä elementtejä.

<DOCTYPE>-elementti

Doctype tarkoittaa "dokumentityyppidiraatiota" (DTD).

Kaikki HTML- ja XHTML-sivut tulisi määrittää <Doctype>-elementillä, jotta ne noudattavat tiettyä HTML-versiota.

Dokumentityyppi määrittää käytettävän HTML-version ja tarjoaa tärkeää tietoja selaimelle, jotta se voi esittää sivun nopeammin ja yhdenmukaisemmin.

Dokumentityyppidiraatio myös mahdollistaa, että tarkistusohjelmat voivat tarkistaa sivun syntaksin:

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

XHTML 1.1 DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

Katso:HTML <!DOCTYPE>-tagi

<title>-elementti

<title>-elementti on yksi tärkeimmistä HTML-elementeistä. Pääasiallinen tehtävänsä on kuvata sivun sisältöä.

Vaikka otsikko ei ole näkyvä osa sivua, se on tärkeä verkkosivuston laadun kannalta, koska se on näkyvissä seuraavissa paikoissa:

  • Hakukoneiden luettelo
  • Ikkunan otsikkopalkki
  • Käyttäjän kirjanmerkeissä

Otsikko tulisi olla mahdollisimman lyhyt ja kuvaava.

Kun joku käyttäjä hakee sivustoja internetistä, suurin osa hakukoneista näyttää hakutuloksissa sivuston otsikon. Varmista, että otsikko vastaa sivun sisältöä, jotta käyttäjät voivat todennäköisemmin klikata näitä linkkejä ja vierailla sivustollasi.

Kun käyttäjä vierailee verkkosivustollasi, otsikkopalkissa oleva otsikko on näkyvissä. Varmista, että otsikko kuvaa verkkosivuston sisältöä, vaikka ikkuna on pienennetty.

Kun käyttäjä vieraillee sivustollasi, verkkosivun otsikko tallennetaan historiasalkkuun (käyttäjä voi myös lisätä sivun suosikkeihinsa). Takaaksesi onnistuneen uudelleenavoituksen, varmista myös, että otsikko selkeästi kuvaa sivustoitasi.

Hyvät otsikot:

<title>HTML -kurssi</title>
<title>XML esittely</title>

Huonot otsikot:

<title>Esittely</title>
<title>Osio 1</title>
<title>CodeW3C.comilla on järjestetty kokonaisuus, joka on helposti ymmärrettävä HTML, CSS, JavaScript,
DHTML, XML, XHTML, WAP, ASP, SQL -kurssit, ja sisältää paljon esimerkkejä ja lähteitä.</title>

Katso:HTML <title> -elementti

<h1> -elementti

<h1> -elementti kuvaa verkkosivuston korkeinta otsikkoa.

Jotkut selaimet näyttävät oletuksena <h1> -elementit suurten kirjasinkoon, joten joissakin tapauksissa web-kehittäjät käyttävät <h2> -elementtiä <h1> -elementin sijaan korkeimmaksi otsikoksi. Tämä ei vaikuta lukijoihin, mutta voi hämmentää hakukoneita ja muita ohjelmistoja, jotka yrittävät 'ymmärtää verkkosivuston rakennetta'.

Varmista, että käytät <h1> -elementtiä korkeimmalle tasolle otsikoksi ja <h2> ja <h3> -elementtejä alemmille tasoille.

Voit kokeilla rakentaa verkkosivustosi tämän mallin mukaan:

Jos et pidä oletusarvoisesta otsikkokirjasinkoosta, voit käyttää tyylejä tai tyylitauluja muuttaa sitä.

Katso:HTML <h1> - <h6> -elementit