Organisation du texte HTML5 - Mannequins

Au-delà de leur division obligatoire en sections tête et corps, les textes dans le corps d'un document HTML peuvent être organisés de plusieurs façons.

Crédit: © iStockphoto. com / Chimpinski

Têtes de document

Dans la section, vous pouvez (et vous devriez probablement) définir toutes sortes d'étiquettes et d'informations, y compris un titre. Ces définitions vous aident à décrire le document suivant, les jeux de caractères utilisés, les métadonnées pour les moteurs de recherche et les descriptions de page, ainsi que les instructions au serveur Web qui fournit votre page, les feuilles de style par défaut,

(Note: Les métadonnées signifient littéralement «données sur les données» - dans ce cas, elles concernent la page Web suivante.) Pour en savoir plus sur l'élément HTML, veuillez visiter ces sites:

• w3schools. com Page de balise HTML

• quackit. com HTML 5 Page d'étiquette

• W3C Working Draft HTML5: Edition pour les pages d'auteurs Web

Cette section est l'endroit où le contenu réel vit dans les documents HTML et où la grande majorité des éléments HTML et du balisage apparaît.

En-têtes de document

Les en-têtes HTML sont généralement indiqués en utilisant les éléments

à

. Ceux-ci sont différents d'un document HTML, car ils établissent des têtes en cours d'exécution dans le contenu du document dans le.

Conteneurs de texte

L'élément de paragraphe (

) en HTML est probablement le conteneur de texte le plus connu, mais HTML prend également en charge toutes sortes d'autres conteneurs de texte. Les autres éléments sont les suivants (par ordre alphabétique):

• : Représente un article, un contenu autonome.

• : Représente le contenu lié au contenu surround pouvant être utilisé seul.

• : Déclare la section de navigation dans un document HTML. Cet élément est généralement réservé aux onglets, boutons ou liens permettant d'accéder aux principaux composants du site.

• : Présente du contenu standard ou des informations en haut d'une page Web (bannière, aides à la navigation, texte partagé, etc.).

• : Présente du contenu standard ou des informations au bas d'une page Web (avis de droits d'auteur, navigation secondaire, sollicitation de commentaires, etc.).

HTML inclut également toutes sortes de façons de mettre en valeur ou d'identifier le texte à l'intérieur de paragraphes ou d'autres conteneurs de texte.

Listes

HTML facilite la définition de nombreux types de listes, y compris les listes à puces (non ordonnées), les listes numérotées (ordonnées) et même les listes de définitions (incluant les termes et les descriptions). Vous pouvez imbriquer des listes dans des listes pour créer autant de niveaux de hiérarchie que vous le souhaitez.(L'imbrication de vos listes est particulièrement utile pour décrire un sujet complexe ou modéliser une table des matières avec de nombreux niveaux de titre.)

Tableaux

En plus de divers mécanismes de listage, HTML inclut un balisage pour définir les tableaux. Les tables étaient très populaires dans les années 1990 pour gérer des mises en page complexes; aujourd'hui, ils sont principalement utilisés pour les tableaux d'information, comme ils devraient l'être. La structure fait partie du fonctionnement du balisage. Par conséquent, dans les définitions d'une table HTML, vous pouvez

• distinguer les en-têtes de colonnes, les données de table et les pieds de page ou les commentaires.

• Gérez la définition des lignes et des colonnes, avec des contrôles qui vous permettent de répartir des lignes ou des colonnes pour le regroupement et l'organisation.

Balisage des feuilles de style en cascade (CSS)

Le balisage CSS peut apparaître dans des feuilles de style distinctes, dans un bloc de texte dans un document HTML, dans un attribut de style pour un élément HTML individuel dans le corps du document. combinaison des trois formes.

CSS fournit un contrôle détaillé sur la sélection des polices, l'utilisation de la couleur pour le texte et les arrière-plans, le positionnement du texte et d'autres éléments sur une page, et beaucoup plus!

Vous pouvez créer un site Web sans utiliser de CSS (l'utilisation de CSS nécessite plus de travail), mais c'est l'outil idéal pour un contrôle précis de l'apparence et de la mise en page. Hautement recommandé!