Sélectionnez une balise head depuis le menu Insertion > HTML.
Dernière mise à jour le
27 avr. 2021
Affichage et modification de contenu dans une page web Dreamweaver, définition des propriétés meta et du titre de la page, indiquez les mots-clés et descriptions d’une page et bien plus encore.
Les pages contiennent des éléments qui décrivent les informations de la page, lesquels sont utilisés par les moteurs de recherche.Vous pouvez définir les propriétés des éléments head pour contrôler la façon dont vos pages sont identifiées.
Affichage et modification de contenu d’en-tête
Vous pouvez voir les éléments de l’en-tête (section head) d’un document en mode Code ou depuis l’inspecteur de code.
Insérer un élément dans la section head d'un document
Saisissez les options de l'élément dans la boîte de dialogue qui
s'affiche ou dans l'Inspecteur de propriétés.
Modifier un élément dans la section head d'un document
Vous pouvez modifier les éléments Head en tapant directement dans le code en mode Code ou dans l’inspecteur Propriétés.
Pour modifier les éléments de l’en-tête à l’aide de l’inspecteur Propriétés :
Sélectionnez l’élément Head dans le panneau DOM (Fenêtre > Panneau DOM).
L’inspecteur Propriétés affiche les propriétés de l’élément sélectionné.
Définissez ou modifiez les propriétés de l'élément dans l'Inspecteur
de propriétés.
Définir les propriétés Meta de la page
Une balise meta est un élément head qui enregistre des informations sur la page actuelle, telles que l'encodage de caractères, l'auteur, le copyright ou les mots-clés. Ces balises peuvent également être utilisées pour fournir des informations au serveur, telles que la date d'expiration, l'intervalle d'actualisation et l'évaluation POWDER de la page.(POWDER, le protocole pour les ressources de description Web, fournit une méthode pour attribuer des évaluations, comme les classifications de films, aux pages Web.)
Ajout d’une balise meta
Cliquez sur Insertion > HTML > Meta.
Définissez les propriétés dans la boîte de dialogue qui s’affiche.
Modification d’une balise meta existante
Vous pouvez modifier les éléments Meta en tapant directement dans le code en mode Code ou dans l’inspecteur Propriétés.
Pour modifier les éléments de la section Meta à l’aide de l’inspecteur Propriétés :
Sélectionnez l’élément Head dans le panneau DOM (Fenêtre > Panneau DOM).
L’inspecteur Propriétés affiche les propriétés de l’élément sélectionné.
Sélectionnez une balise meta dans le panneau DOM.
Définissez les propriétés dans l’inspecteur Propriétés.
Attribut
Spécifie si la balise meta contient des informations descriptives sur la page (name) ou des informations d'en-tête HTTP (http-equiv).
Valeur
Spécifie le type d'informations que vous fournissez dans cette balise. Certaines valeurs, telles que description, keywords et refresh, sont déjà bien définies (et ont leurs propres inspecteurs de propriétés individuels dans Dreamweaver), mais vous pouvez spécifier pratiquement n'importe quelle valeur (par exemple, creationdate, documentID ou level).
Contenu
Est l’information elle-même. Par exemple, si vous avez spécifié level pour Valeur, vous pourriez spécifier beginner, intermediate ou advanced pour Contenu.
Définition du titre de la page
Le titre ne possède qu’une propriété : le titre de la page. Vous pouvez modifier ce titre de page en appliquant l’une des méthodes suivantes :
- Modifiez le titre directement dans le code (en mode Code)
- Sélectionnez la balise de titre dans le panneau DOM, puis modifiez le titre dans l’inspecteur Propriétés
Définition de mots-clés pour la page
De nombreux robots de moteur de recherche (programmes qui parcourent automatiquement le web pour collecter des informations que les moteurs de recherche indexent) lisent le contenu de la balise meta Keywords et utilisent les informations pour indexer vos pages dans leurs bases de données. Étant donné que certains moteurs de recherche limitent le nombre de mots-clés ou de caractères qu'ils indexent, ou ignorent tous les mots-clés si vous dépassez la limite, il est préférable de n'utiliser que quelques mots-clés bien choisis.
Ajout d’une balise meta Keywords
Cliquez sur Insertion > HTML > Mots-clés.
Spécifiez les mots-clés, séparés par des virgules, dans la boîte de dialogue qui s'affiche.
Modification d’une balise meta Keywords
Vous pouvez modifier les descriptions meta des mots-clés en appliquant l’une des méthodes suivantes :
- Modifiez le mot-clé directement dans le code (en mode Code)
- Sélectionnez la balise meta du mot-clé dans le panneau DOM, puis consultez, modifiez ou supprimez les mots-clés dans l’inspecteur Propriétés.
Annotation
Les mots-clés doivent être séparés par des virgules.
Définition de descriptions pour la page
De nombreux robots de moteur de recherche (programmes qui parcourent automatiquement le web pour collecter des informations que les moteurs de recherche indexent) lisent le contenu de la balise meta Description. Certains utilisent les informations pour indexer vos pages dans leurs bases de données, et d'autres affichent également les informations sur la page de résultats de recherche (au lieu d'afficher les premières lignes de votre document).Certains moteurs de recherche limitent le nombre de caractères qu'ils indexent, c'est donc une bonne idée de limiter votre description à quelques mots (par exemple, Traiteur barbecue de porc à Albany, Géorgie ou Conception web à des tarifs raisonnables pour des clients dans le monde entier).
Ajout d’une balise meta Description
Cliquez sur Insertion > HTML > Description.
Tapez le descriptif de votre site dans la boîte de dialogue qui s’affiche.
Modification d’une balise meta Description
Vous pouvez modifier les descriptions meta en appliquant l’une des méthodes suivantes :
- Modifiez la description directement dans le code (en mode Code)
- Sélectionnez la balise meta de la description dans le panneau DOM, puis modifiez la description dans l’inspecteur Propriétés.
Définir les propriétés d'actualisation de la page
Utilisez l'élément Refresh pour spécifier que le navigateur doit actualiser automatiquement votre page — en rechargeant la page actuelle ou en accédant à une page différente — après un certain temps.Cet élément est souvent utilisé pour rediriger les utilisateurs d'une URL vers une autre, souvent après avoir affiché un message indiquant que l'URL a changé.
Ajout d’une balise meta Refresh
Cliquez sur Insertion > HTML > Meta.
Dans la boîte de dialogue qui s’affiche, définissez les propriétés comme suit :
Attribut
Indique que la balise meta contient les informations d’en-tête HTTP (http-equivalent).
Valeur
Indique que le type d’information que vous donnez dans cette balise est refresh.
Contenu
Indique la durée, exprimée en secondes, qui s’écoule avant que la page ne soit actualisée par le navigateur. Pour que le navigateur actualise la page immédiatement après l’avoir chargée, saisissez 0 dans cette zone.
Modification d’une balise meta Refresh
Vous pouvez modifier la balise meta refresh en appliquant l’une des méthodes suivantes :
- Modifiez les propriétés directement dans le code (en mode Code)
- Sélectionnez la balise meta d’actualisation dans le panneau DOM ou dans le code, puis modifiez ses propriétés dans l’inspecteur Propriétés.
Modification d’une balise meta Base
Vous pouvez modifier l’élément Base utilisé pour définir l’URL de base à laquelle tous les chemins relatifs du document font référence.
Sélectionnez l’élément Base dans le panneau DOM.
Dans l'Inspecteur de propriétés, spécifiez les propriétés
de la balise meta Base.
Href
L’URL de base. Cliquez sur le bouton Parcourir pour parcourir et sélectionner un fichier, ou tapez un chemin d'accès dans la zone.
Cible
Spécifie le cadre ou la fenêtre dans laquelle tous les document liés doivent s'ouvrir. Sélectionnez l'un des cadres dans le jeu de cadres actuel, ou l'un des noms réservés suivants :
_blank charge le document lié dans une nouvelle fenêtre du navigateur sans nom.
_parent charge le document lié dans le jeu de cadres gabarit ou la fenêtre du cadre qui contient le lien. Si le cadre contenant le lien n'est pas imbriqué, cela équivaut alors à _top ; le document lié se charge dans la fenêtre du navigateur complète.
_self charge le document lié dans le même cadre ou la même fenêtre que le lien. Cette cible est celle par défaut, vous n'avez donc généralement pas besoin de la spécifier.
_top charge le document lié dans la fenêtre du navigateur complète, supprimant ainsi tous les cadres.
Modification d’une balise meta Link
Vous pouvez modifier une balise link qui définit une relation entre le document actif et un autre fichier.
Annotation
La balise link dans la section head n'est pas la même chose qu'un lien HTML entre document dans la section body.
Sélectionnez l’élément Link dans le panneau DOM ou le mode Code.
Dans l'inspecteur Propriété, spécifiez les propriétés
de la méta-balise Link.
Href
L'URL du fichier pour lequel vous définissez une relation. Cliquez sur le bouton Parcourir pour naviguer et sélectionner un fichier, ou saisissez un chemin dans la zone.Notez que cet attribut n'indique pas un fichier auquel vous créez un lien au sens HTML habituel ; les relations spécifiées dans un élément Link sont plus complexes.
ID
Spécifie un identificateur unique pour le lien.
Titre
Décrit cette relation. Cet attribut a une pertinence spéciale pour les feuilles de style liées ; pour plus d'informations, consultez la section External Style Sheets de la spécification HTML 4.0 sur le site web du World Wide Web Consortium à l'adresse www.w3.org/TR/REC-html40/present/styles.html#style-external.
Rel
Spécifie la relation entre le document actuel et le document dans la zone Href. Les valeurs possibles incluent Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help, et Bookmark. Pour spécifier plus d'une relation, séparez les valeurs par un espace.
Rev
Spécifie une relation inverse (l'opposé de Rel) entre le document actuel et le document dans la zone Href. Les valeurs possibles sont les mêmes que celles de Rel.
Créez de magnifiques sites web dans Dreamweaver
Concevez, codez et gérez des sites web dynamiques dans un puissant outil tout-en-un.
