HTML5 - Création de documents et d'attributs

HTML5 - Création de documents et d'attributs

C'est la partie la moins intéressante, mais sans aucun doute l'une des plus critiques. Chaque document HTML utilise au moins une partie de ces éléments et parfois tous, donc ça ne fait pas de mal que nous sachions les utiliser de manière appropriée pour créer des documents HTML5 correct et général.
Éléments de type de document
Commençons par les éléments de type document. Ce sont les blocs qui façonnent notre document HTML et définit un contexte initial pour le navigateur.
L'élément doctype
L'élément type de document il est unique dans sa catégorie. Il est recommandé de commencer chaque document HTML que nous créons avec un élément de type type de document. C'est l'élément qui indique au navigateur qu'il va traiter HTML.
La plupart des navigateurs afficheront toujours notre contenu correctement si nous omettons le type de document, mais c'est une mauvaise pratique de faire confiance au navigateur pour qu'il se comporte de cette manière.
La syntaxe correcte pour appliquer un élément de type type de document est la suivante:
L'élément html
Cet élément est principalement appelé l'élément racine et il indique le début du code HTML dans notre document.
La syntaxe est la suivante :


Contenu et éléments ici

L'élément de tête
L'élément diriger Il contient toutes les métadonnées du document. Dans HTML, les métadonnées fournissent au navigateur des informations sur le contenu et le balisage du document, mais nous pouvons également inclure des scripts et des références à des ressources externes telles que des feuilles de style CSS.
La syntaxe est la suivante dans le document :



Bonjour


L'élément corps
Cet élément encapsule le contenu d'un document HTML, est l'opposé de l'élément head qui encapsule les métadonnées et les informations du document. L'élément corps il suit toujours l'élément head, ce qui signifie qu'il s'agit du deuxième enfant dans la structure de l'élément html racine.
Voyons sa syntaxe :

Exemple

J'aime pommes et oranges.

Éléments de métadonnées de type
Les éléments de type métadonnées nous permettent de fournir des informations sur le document HTML. Ils ne se contentent pas d'eux-mêmes mais fournissent des informations sur le contenu qui les suivra. Des éléments de métadonnées de type sont ajoutés à l'élément head.
Donner un titre à notre document
L'élément Titre donner un titre ou un nom à notre document. Les navigateurs affichent généralement le contenu de cet élément en haut de la fenêtre ou de l'onglet.
Voyons comment nous l'ajoutons à notre structure :

Exemple

J'aime pommes et oranges.

Définir la base des URL relatives
L'élément de base fixe un URL base, dans laquelle quels liens relatifs, contenus dans le document HTML sera résolu. Un lien relatif est un lien qui omet le protocole, l'hôte et le port de l'URL et est évalué par rapport à une autre URL. L'élément de base spécifie également comment les liens sont ouverts lorsqu'un utilisateur clique dessus et comment le navigateur agit après la saisie d'un formulaire.
Après avoir vu les éléments essentiels pour le document, on ne peut que compléter avec le reste des éléments qui fonctionnent pour les métadonnées et ainsi construire un document HTML correcte et qui peut être interprétée par n'importe quel navigateur de la meilleure façon.
Les attributs

• réal

Attribut réal spécifie la direction du texte contenu dans un élément. Les valeurs prises en charge pour cela sont :

• ltr (texte de gauche à droite)
• rtl (texte de droite à gauche)

Voyons un exemple simple de son application :

Exemple

dir = "rtl"> C'est de droite à gauche

dir = "ltr">C'est de gauche à droite

• menu contextuel

Cet attribut permet de définir le contexte des éléments des menus. Ceux-ci apparaissent à l'écran lorsque l'utilisateur les déclenche pour ainsi dire, par exemple, lorsque nous faisons un clic droit sur un élément.

• déplaçable

Attribut déplaçable fait partie du support HTML5 pour glisser-déposer et est utilisé pour indiquer quand un élément peut être déplacé.

• zone de largage

Attribut zone de largage fait partie du support HTML5 pour glisser-déposer y est la contrepartie de l'attribut déplaçable qui a été expliqué ci-dessus.

• caché

Attribut caché C'est un attribut booléen qui indique qu'un élément n'est pas pertinent, il ne sera donc pas visuellement présent dans le document. Les navigateurs interprètent cet attribut de manière à masquer l'élément de la vue de l'utilisateur. Voyons-en un exemple :

Exemple
Basculer



caché>

patate douce	Ville
Adam Freeman	Londres
Joe Smith	New York
Anne jones	Paris

Dans cet exemple, nous définissons une table qui contient un élément tr qui représente une ligne dans laquelle l'attribut caché est présent. De plus, nous définissons un bouton qui, lorsqu'il est enfoncé, invoque la fonction Javascript toggleMasqué qui supprime l'attribut caché.

• aller

L'un des attributs les plus connus est aller, qui permet d'attribuer un identifiant unique à un élément. Ces identifiants sont couramment utilisés pour styliser un élément ou sélectionner un élément avec Javascript. Regardons un exemple de la façon dont nous utilisons l'attribut id pour styliser un élément.

Exemple

id = "w3clink"href =" http://w3c.org "> site Web du W3C

• correcteur orthographique

Attribut correcteur orthographique est utilisé pour spécifier si le navigateur doit vérifier la syntaxe de certains contenus. L'utilisation de cet attribut n'a de sens que lorsqu'il est appliqué à un élément que l'utilisateur peut éditer.
Voyons un exemple :

Exemple
correcteur orthographique = "vrai"> Ceci est un texte mal orthographié

• style

Attribut style permet de définir un style CSS directement dans un élément, on voit :

Exemple
style = "fond : gris; couleur : blanc ; remplissage : 10px">
Visitez le site de l'Apress

• tabindex

Cet attribut nous permet de contrôler l'ordre des foyers des éléments lorsque nous y accédons via la clé tabulaire.
Exemple
Patate douce: tabindex = "1"/>

Ville: tabindex = "- 1"/>

De campagne: tabindex = "2"/>

tabindex = "3"/>

Nous avons pu tout apprendre sur les attributs et comment ils peuvent être appliqués aux éléments de notre document HTML. Ceci afin d'étendre ses fonctionnalités d'une manière qui s'adapte aux besoins de notre site Web.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif