Accueil Médias sociaux Définir des titres et des liens dans l'élément HTML

Définir des titres et des liens dans l'élément HTML

Table des matières:

Vidéo: COURS COMPLET HTML ET CSS [11/71] - Titres et paragraphes en HTML 2025

Vidéo: COURS COMPLET HTML ET CSS [11/71] - Titres et paragraphes en HTML 2025
Anonim

Dans l'élément HTML d'une page que vous construisez pour votre site Web, il y a deux éléments principaux. Le contenu visible de la page est inclus dans la balise, puis tout le reste passe dans l'élément head.

La section de la tête du document HTML est l'endroit où le titre de la page est défini et où sont définis les liens vers les fichiers dont dépend la page HTML. Les éléments HTML de l'élément head communiquent des informations importantes, telles que le nom du site, une description du contenu du site et la feuille de style liée. Cette information est utilisée par le navigateur, les moteurs de recherche et les visiteurs du site.

La section head d'un HTML comprend généralement:

  • Le titre de la page

  • Liens vers le (s) fichier (s) de feuille de style CSS utilisé pour formater la page

  • Mots clés et autres "Métadonnées" utilisées dans les moteurs de recherche

Les titres résument le contenu de la page

Un titre de la page s'affiche dans la barre de titre d'un navigateur ou d'un navigateur. Les titres de pages sont essentiels - ils doivent être succincts, mais résumer le contenu de la page.

Voici un exemple de code pour un titre de page:

Bienvenue sur le Web Collective!

Liens vers les feuilles de style CSS

Les liens vers les feuilles de style appartiennent également à l'élément head d'une page HTML. N'oubliez pas que le formatage est fourni aux pages Web modernes via des fichiers externes, distincts, séparés et liés. Voici à quoi ressemble ce code:


La syntaxe d'une feuille de style liée est un peu déroutante, alors décompressez-la. La balise qui lie une feuille de style à une page HTML est un exemple d'élément non conteneur (parfois appelé élément void). En d'autres termes, il n'y a qu'une étiquette d'ouverture et aucune étiquette de fermeture. Au lieu de cela, cette balise de lien s'ouvre avec.

Éléments, attributs et valeurs

En passant, ou peut-être pas en passant, les éléments HTML ont des attributs, et ces attributs sont définis avec une syntaxe qui suit le modèle d'attribut name = "valeur".

Pour coller l'exemple d'une feuille de style liée, l'élément de lien possédait des attributs rel, href et type. Ces attributs ont à la fois l'attribut noms (comme rel, href ou type) et valeurs (les informations spécifiques entre guillemets qui suivent le nom de l'attribut).

Le rôle (moins, mais toujours important) des balises meta

balises Meta sont des éléments facultatifs dans un élément de tête qui fournissent des informations supplémentaires sur une page, notamment:

  • Descriptions et mots clés utilisés par moteurs de recherche.

  • Informations supplémentaires sur la page, comme auteur.

Comme tout le reste en HTML, le rôle et la valeur des méta tags évoluent. Dans les époques antérieures, les balises META pour les mots clés ont joué un rôle plus important dans l'optimisation des moteurs de recherche (SEO, affichage important et précis dans les résultats des moteurs de recherche).

Cependant, les moteurs de recherche modernes (et les nouvelles balises supplémentaires en HTML5) fournissent des canaux alternatifs, plus complexes et sophistiqués pour identifier le contenu de la page et indexer ce contenu dans les moteurs de recherche. Pourtant, l'utilisation de balises META pour l'auteur, la description et les mots clés (encore parfois utile pour les moteurs de recherche) peut encore être une partie importante du contenu de la tête HTML.

Jetez un coup d'œil à l'apparence typique d'une page HTML, y compris l'élément head.

Bienvenue dans la révolution Web

Les éléments HTML de l'élément head communiquent des informations importantes, telles que le nom du site, une description du contenu du site et la feuille de style liée. Cette information est utilisée par le navigateur, les moteurs de recherche et les visiteurs du site.

La figure révèle comment les éléments de la tête communiquent des informations au monde. Vous pouvez voir le code source HTML pour la version de Craigslist de New York City. com (en haut à gauche), avec le titre défini, affiché dans la barre de titre d'un navigateur (en haut à droite) et la description définie telle qu'elle apparaît dans le résultat de recherche Google (en bas à droite).

Définir des titres et des liens dans l'élément HTML

Le choix des éditeurs

Spotify Mobile Service avec un compte Premium - Les nuls

Spotify Mobile Service avec un compte Premium - Les nuls

Les deux principaux avantages des abonnés Spotify Premium sur Spotify Free ou Les détenteurs d'un compte illimité ont la capacité d'accéder au catalogue de diffusion en continu de Spotify via un appareil mobile et d'écouter des pistes en mode hors connexion à l'aide de votre application mobile ou informatique. Ce sont les deux caractéristiques qui justifient le fait que Spotify ...

Spotify Listes de lecture de Mobile - mannequins

Spotify Listes de lecture de Mobile - mannequins

Comme sur votre ordinateur, vous pouvez gérer les listes de lecture Spotify sur votre téléphone. Toute modification apportée à votre liste de lecture est synchronisée sur tous les appareils auxquels vous êtes connecté, en temps réel. Lorsque vous démarrez l'application Spotify, toutes vos playlists sont affichées immédiatement, mais vous pouvez y accéder à tout moment en appuyant sur ...

Spotify vous permet de vous lier à peu près n'importe quoi - les tuls

Spotify vous permet de vous lier à peu près n'importe quoi - les tuls

Spotify vous permet de copier des liens Web et des URI vous pouvez coller où vous voulez: dans les blogs, les e-mails, les réseaux sociaux, même les documents de traitement de texte. Cliquez avec le bouton droit de la souris sur ce que vous voulez partager et choisissez une option de copie dans le menu contextuel qui s'affiche généralement. Dans certains cas, si vous savez comment un lien est construit, ...

Le choix des éditeurs

Médias sociaux et marketing par e-mail - nuls

Médias sociaux et marketing par e-mail - nuls

Réseaux sociaux clients potentiels via des sites Web et des e-mails. Rappelez-vous, la suppression des e-mails pour gagner du temps est le mode opératoire pour les gens connectés en ligne dans les affaires ces jours-ci. Certaines entreprises estiment avoir le droit d'envoyer des offres quotidiennes et des promotions accompagnées de fanfares. Est-il même possible pour une entreprise de ...

Social Media Commerce: Enregistrement client par Mobile App - dummies

Social Media Commerce: Enregistrement client par Mobile App - dummies

Certains médias sociaux Les applications récompensent leurs utilisateurs pour l'enregistrement depuis les smartphones au fur et à mesure qu'ils passent d'un endroit à un autre dans le monde des briques et du mortier. Cette activité d'enregistrement mobile est populaire auprès de ceux qui se connectent en ligne. Vous pouvez encourager les gens à se présenter à votre lieu de travail. Le leader actuel sur le marché est Foursquare, un ...

Social Media Commerce: Blog pour votre entreprise - dummies

Social Media Commerce: Blog pour votre entreprise - dummies

Quand vous vous sentez prêt Pour passer à l'étape suivante dans le commerce des médias sociaux et faire quelque chose au-delà d'un site Web d'entreprise, vous pouvez développer un blog pour communiquer avec les clients. Les blogs offrent un espace à votre entreprise pour améliorer son message et répondre aux commentaires des lecteurs. Un blog (à partir du web-journal) peut ...

Le choix des éditeurs

Comment traduire votre réseau Ning en une langue non prise en charge - les nuls

Comment traduire votre réseau Ning en une langue non prise en charge - les nuls

Bien que Ning supporte 18 langues , avec autant de langues dans le monde, vous devrez peut-être traduire votre réseau en un réseau que Ning ne prend pas en charge. Créer une nouvelle traduction:

Comment syndiquer le contenu de votre réseau Ning - des nuls

Comment syndiquer le contenu de votre réseau Ning - des nuls

Votre réseau Ning vous offre de nombreuses façons d'utiliser Flux RSS pour syndiquer le contenu que vous et vos membres contribuent au réseau. Si les titres des éléments des flux RSS de votre réseau sont suffisamment informatifs et convaincants, les internautes qui visitent d'autres sites Web qui affichent le flux RSS de votre réseau peuvent cliquer sur les titres ...

Comment utiliser le mur de commentaires de Ning - mannequins

Comment utiliser le mur de commentaires de Ning - mannequins

Votre page de profil Ning a un mur de commentaires, où autre Les membres de Ning peuvent vous laisser des messages. Le mur de commentaires permet aux membres de vous écrire quelque chose, d'inclure un lien vers un autre site Web, d'intégrer de la vidéo à partir du réseau ou d'autres sites, ou de poster une photo pour que vous puissiez la consulter. N'importe qui dans le réseau peut partir ...