Le code HTML <head> Element
Le <head> élément est un conteneur pour des métadonnées (données sur les données).
métadonnées HTML sont des données sur le document HTML. Les métadonnées ne sont pas affichées.
Les métadonnées définissent généralement le titre du document, les styles, des liens, des scripts, et d'autres méta-informations.
Les balises suivantes décrivent les métadonnées: <title>, <style>, <meta>, <link>, <script>, and <base> .
Omettre <html> et <body> ?
Dans la norme HTML5, le <html> balise, le <body> balise et la <head> balise peut être omis.
Le code suivant validera comme HTML5:
Exemple
<!DOCTYPE html>
<title>Page Title</title>
<h1>This is a heading</h1>
<p>This is a paragraph.</p> Essayez vous - même » w3ii ne recommande pas omettre les <html> et <body> tags.
Le <html> élément est la racine du document. Il est le lieu recommandé pour spécifier la langue de la page:
<!DOCTYPE html>
<html lang="en-US">Déclarant une langue est importante pour les applications d'accessibilité (lecteurs d'écran) et les moteurs de recherche.
Omettre <html> et <body> peut se bloquer mal écrit DOM/XML logiciel.
Enfin, en omettant <body> peut produire des erreurs dans les anciens navigateurs (IE9) .
Omettre <head>
Dans la norme HTML5, le <head> balise peut également être omis.
Par défaut, les navigateurs ajouteront tous les éléments avant <body> , à défaut <head> élément.
Vous pouvez réduire la complexité du langage HTML, en omettant le <head> tag:
Exemple
<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html> Essayez vous - même » Omettre balises ne connaît pas pour les développeurs web. Il a besoin de temps pour établir une ligne directrice.
Le code HTML <title> Element
Le <title> élément définit le titre du document.
Le <title> élément est requis dans tous les documents HTML / XHTML.
Le <title> élément:
- définit un titre dans l'onglet du navigateur
- fournit un titre de la page quand il est ajouté aux favoris
- affiche un titre de la page dans les résultats des moteurs de recherche
Un document HTML simplifié:
Exemple
<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>
The content of the document......
</body>
</html> Essayez vous - même » Le code HTML <style> Element
Le <style> élément est utilisé pour définir les informations de style pour un document HTML.
A l' intérieur du <style> élément que vous spécifiez comment les éléments HTML doivent rendre dans un navigateur:
Le code HTML <link> Element
Le <link> élément définit la relation de la page à une ressource externe.
Le <link> élément est le plus souvent utilisé pour créer un lien vers des feuilles de style:
Le code HTML <meta> élément
Le <meta> élément est utilisé pour spécifier la description de la page, mots - clés, auteur, et d' autres métadonnées.
Les métadonnées sont utilisées par les navigateurs (how to display content) le (keywords) (how to display content) , par les moteurs de recherche (keywords) - (keywords) , et d' autres services Web.
Définir des mots-clés pour les moteurs de recherche:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">Définir une description de votre page web:
<meta name="description" content="Free Web tutorials on HTML and CSS">Définir le jeu de caractères utilisé:
<meta charset="UTF-8">Définir l'auteur d'une page:
<meta name="author" content="Hege Refsnes">Actualiser le document toutes les 30 secondes:
<meta http-equiv="refresh" content="30">Exemple de <meta> tags:
Exemple
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8"> Essayez vous - même » Le code HTML <script> élément
Le <script> élément est utilisé pour définir JavaScripts côté client.
Le script écrit ci-dessous JavaScript Bonjour! dans un élément HTML avec id="demo" :
Exemple
<script>
function myFunction {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script> Essayez vous - même » Pour tout savoir sur JavaScript, visitez notre JavaScript tutoriel !
Le code HTML <base> Element
La <base> élément spécifie l'URL de base et la cible de base pour toutes les URL relatives à une page:
Les éléments de tête HTML
| Marque | La description |
|---|---|
| <head> | Définit des informations sur le document |
| <title> | Définit le titre d'un document |
| <base> | Définit une adresse par défaut ou une cible par défaut pour tous les liens sur une page |
| <link> | Définit la relation entre un document et une ressource externe |
| <meta> | Définit des métadonnées sur un document HTML |
| <script> | Définit un script côté client |
| <style> | Définit les informations de style pour un document |