Structure de base d`un document XHTML 1.0 Strict (Balises de
Transcription
Structure de base d`un document XHTML 1.0 Strict (Balises de
Structure de base d'un document XHTML 1.0 Strict (Balises de premier niveau) Balises <!DOCTYPE> <html></html> (élément racine) <head></head> (entête) <title></title> <meta /> <body></body> (corps) Usage & Attributs Cette balise est la première balise devant se trouver sur une page web et aussi la seule à pouvoir se trouver hors de la balise <html>. Elle spécifie au navigateur le jeu de balises utilisé (xhtml 1.0 - Strict, transitionel ou frameset). Le <!DOCTYPE> d’une page XHTML 1.0 Strict est le suivant : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd"> Cette balise est la balise de principale (élément racine) d’une page web. Elle englobe toutes les autres balises html présentes et ne peut se retrouver qu’une seule fois sur la page. Cette balise est la balise d’entête de la page. Elle peut contenir des appels à certains scripts (JavaScript), des balises d’information sur la page (balises <meta>,<title>), des balises de lien vers des fichiers externes (Css, JavaScript) et divers éléments devant êtres déclarés avant que la page ne soit chargée par le navigateur. Elle ne peut se retrouver qu’une seule fois sur la page et est placée juste après l’ouverture de la balise <html> Cette balise doit obligatoirement se retrouver en premier dans la balise <head>. Elle permet de définir un titre pour la page en cours et ce dernier est visible dans la barre supérieur du navigateur. De plus, elle est utilisée par les moteurs de recherche et permet un meilleur référencement. Elle ne peut se retrouver qu’une seule fois sur la page. Cette balise doit obligatoirement se retrouver dans la balise <head>. Elle fournie l’information de la page en cours au navigateur. Elle permet au minimum et obligatoirement de définir le jeu de caractères utilisé par la page (UTF-8 est un exemple) et peut aussi, permettre de définir un foule d’autres informations (auteur de la page, description, motsclés, etc.) Ces balises contribuent au bon référencement du site par les moteurs de recherche. Cette balise fournie le contenu à afficher au navigateur et elle peut contenir une foule d’autres balises (mise en page, image, texte). Elle ne peut se retrouver qu’une seule fois sur la page et est placée juste après la fermeture de la balise <head> structure de base doc XHTML Strict.docx Obligatoire Où oui document vide oui après <!DOCTYPE> oui dans <html> oui dans <head> oui Pour le jeu de caractères (charset) dans <head> oui dans <html> 1/2 Exemple : <?xml version="1.0" encoding="utf-8"?> (pas nécessaire) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Titre du site</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> </body> </html> <?xml version="1.0" encoding="ISO-8859-1"?> (pas nécessaire) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Titre du site</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> </body> </html> Explications : <?xml version="1.0" encoding="ISO-8859-1"?> La déclaration XML n'est pas nécessaire, mais fortement conseillée (surtout si vous utilisez des jeux de caractères comme ISO-8859-1 (accents et Umlauts) <!DOCTYPE HTML PUBLIC PUBLIC type_de_HTML adresse_de_DTD "type_de_HTML" "adresse_de_DTD"> type de DTD PUBLIC est accessible à tout le monde grâce à l'URI est la version utilisée de l'HTML est l'URL de la DTD, à savoir un document spécifiant les propriétés de chaque élément, balises et attributs, de ce type de HTML (règles du langage que vous utilisez). <html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> xmlns : xml:lang : déclaration de l'espace de noms (la liste des balises xhtml existantes) la langue utilisée sur la page web "fr" pour un document en français. structure de base doc XHTML Strict.docx 2/2