Latest web development tutorials

Web Qualité - éléments HTML importants

Pour améliorer la qualité de Web, <DOCTYPE>, <title> et <h1> balises sont importantes.


<! DOCTYPE> élément

Toutes les pages HTML et XHTML doivent être définis conformément à la version de HTML en utilisant <Doctype> élément.

doctype définit la version HTML que vous utilisez, et de fournir des informations importantes pour le navigateur afin qu'il puisse plus rapidement et de manière cohérente rendre votre page.

Document de déclaration de type mais aussi pour vérifier que le logiciel peut vérifier la syntaxe de la page:

HTML 5

<!DOCTYPE html>

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

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


<Titre> élément

<Titre> est l'un des éléments les plus importants de HTML. Sa principale fonction est de décrire le contenu de la page.

Même si le titre ne fait pas partie visible de la page, il est pour la qualité du site est toujours important, car il est visible dans les endroits suivants:

  • liste des moteurs de recherche
  • la barre de titre de la fenêtre
  • signets de l'utilisateur

Le titre doit être aussi courte que possible, et ayant descriptive.

Lorsqu'un utilisateur effectue une recherche sur le site Internet, la plupart des moteurs de recherche afficher le titre du site dans les résultats de recherche. Assurez-vous que le contenu du titre et la page est cohérente. Dans ce cas, l'utilisateur est plus susceptible d'avoir accès à votre site en cliquant sur ces liens.

Lorsqu'un utilisateur visite le titre de votre site dans la barre de titre de la fenêtre est visible. Assurez-vous que même lorsque la fenêtre est réduite, le titre peut également jouer un rôle dans le contenu de la description du site.

Après que l'utilisateur visite votre site, le titre de la page sera stocké dans le dossier de l'histoire (Les utilisateurs peuvent même mettre la collection de page de ses favoris). Pour la suite visite réussie aussi faire que le titre décrit clairement votre site.

Excellent Titre:

<Titre> Tutoriel HTML </ title>

<Titre> Introduction à XML </ title>

Desexemples de lacunes titre ::

<Titre> Introduction </ title>

<Titre> Chapitre 1 </ title>

W3Cschool a un ensemble de bien organisé, facile à comprendre HTML, CSS, JavaScript, DHTML, XML, XHTML, WAP, ASP, tutoriels SQL, et comprend de nombreux exemples et le code source.


<H1> élément

<H1> est utilisé pour décrire la première page titre.

Parce que certains navigateurs par défaut les <h1> est affiché comme une grande police, donc il y aura des développeurs web d'utiliser élément <h2> au lieu de <h1> pour afficher le titre en haut. Ce ne sera pas avoir un impact sur le lecteur, mais fera ceux qui tentent de "comprendre la structure de la page" moteurs de recherche et autres logiciels confondus.

Assurez-vous que le <h1> pour le titre le plus élevé, <h2> et <h3> pour un niveau inférieur.

Selon ce modèle, vous pouvez essayer de construire votre page:

Ceci est la vedette principale

Certains texte initial

Ceci est un titre de niveau 2

Ceci est un texte. Ceci est un texte. Ceci est un texte.

Ceci est un titre de niveau 3

Ceci est un texte. Ceci est un texte. Ceci est un texte.

Ceci est un titre de niveau 3

Ceci est un texte. Ceci est un texte. Ceci est un texte.

Si vous n'aimez pas le titre par défaut la taille, le style, ou vous pouvez utiliser des feuilles de style pour modifier.