Les attributs fournissent des informations supplémentaires sur les éléments HTML.
Un attribut HTML est un modificateur d'un type d'élément HTML. Un attribut soit modifie la fonctionnalité par défaut d'un type d'élément ou fournit des fonctionnalités à certains types d'éléments qui ne peuvent pas fonctionner correctement sans eux. Dans la syntaxe HTML, un attribut est ajouté à une balise de début HTML.
Attributs HTML
- Les éléments HTML peuvent avoir des attributes
- Les attributs fournissent des additional information au sujet d' un élément
- Les attributs sont toujours spécifiés dans the start tag
- Les attributs sont disponibles en paires nom / valeur comme: name="value"
La description
attributs HTML apparaissent généralement sous forme de paires nom-valeur, séparés par =, et sont écrits dans la balise de début d'un élément, après le nom de l'élément:
<tag attribute="value">content to be modified by the tag</tag>Lorsque le nom de balise le type d'élément HTML, et l'attribut est le nom de l'attribut, défini sur la valeur fournie. La valeur peut être entre guillemets simples ou doubles, bien que les valeurs constituées de certains caractères peuvent être laissés sans guillemets en HTML (mais pas XHTML) .Leaving valeurs dattributs est considéré comme dangereux.
Bien que la plupart des attributs sont fournis en tant que noms jumelés et des valeurs, certains affectent l'élément simplement par leur présence dans la balise de début de l'élément (comme l'attribut ismap pour l'élément img).
La plupart des éléments peuvent prendre l'une des plusieurs attributs communs:
L'attribut id fournit un document à l'échelle identifiant unique pour un element.This peut être utilisé comme sélecteur CSS pour fournir des propriétés de présentation, par les navigateurs pour attirer l'attention sur l'élément spécifique, ou par des scripts pour modifier le contenu ou la présentation d'un élément. Ajoutée à l'URL de la page, l'URL cible directement l'élément spécifique dans le document, généralement une sous-section de la page. Par exemple, l'ID « Attributs ».
L'attribut class fournit un moyen de classer des éléments similaires. Ceci peut être utilisé à des fins sémantiques, ou à des fins de présentation. Sémantiquement, par exemple, les classes sont utilisées dans les microformats. Presentationally, par exemple, un document HTML peut utiliser la classe de désignation = « notation » pour indiquer que tous les éléments de cette valeur de classe sont subordonnées au texte principal du document. Ces éléments pourraient être réunis et présentés sous forme de notes sur une page au lieu d'apparaître à l'endroit où ils se produisent dans la source HTML. Une autre utilisation de présentation serait comme un sélecteur CSS.
Un auteur peut utiliser les codes de style non attributal propriétés à un élément de présentation particulier. Il est considéré comme une meilleure pratique d'utiliser des attributs id ou de la classe d'un élément pour sélectionner l'élément avec une feuille de style, bien que parfois cela peut être trop lourd pour un simple et spécifique ou ad hoc application des propriétés de style.
L'attribut title est utilisé pour attacher des explications subtextual à un élément. Dans la plupart des navigateurs cet attribut est affiché comme ce qui est souvent appelé une info-bulle.
L'élément abréviation, abbr, peut être utilisé pour démontrer ces différents attributs:
<abbr id="anId" class="aClass" style="color:blue;" title="Hypertext Markup Language">HTML</abbr>Cet exemple affiche le HTML; dans la plupart des navigateurs, pointant le curseur sur l'abréviation doit afficher le texte du titre « Hypertext Markup. »
La plupart des éléments prennent également relatifs à la langue des attributs lang et dir.
Le lang attribut
La langue du document peut être déclaré dans le <html> balise.
La langue est déclarée dans le lang attribut.
Déclarant une langue est importante pour les applications d'accessibilité (screen readers) et les moteurs de recherche:
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>Les deux premières lettres précisent la langue (en) . S'il y a un dialecte, utilisez deux lettres (US) - (US) .
Le title Attribute
Paragraphes HTML sont définis avec le <p> balise.
Dans cet exemple, le <p> élément a un attribut title. La valeur de l'attribut est " About w3im " A " About w3im " :
Exemple
<p title="About w3ii">
w3ii is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p> Essayez vous - même » Lorsque vous déplacez la souris sur l'élément, le titre sera affiché comme une info-bulle.
Le href Attribute
Liens HTML sont définis avec la <a> balise. L'adresse du lien est spécifié dans le href attribut:
Vous en apprendrez plus sur les liens et la <a> balise plus loin dans ce tutoriel.
Attributs Taille
Images HTML sont définies avec le <img> tag.
Le nom de fichier de la source ( src ) , et la taille de l'image ( width et height ) sont tous fournis sous forme d' attributs:
La taille de l'image est spécifiée en pixels: largeur = « 104 » signifie 104 pixels écran large.
Vous en apprendrez plus sur les images et le <img> tag plus loin dans ce tutoriel.
L' alt Attributs
L' alt attribut spécifie un texte alternatif à utiliser, lorsqu'un élément HTML ne peut pas être affiché.
La valeur de l'attribut peut être lu par "screen readers" . De cette façon, quelqu'un "listening" à la page Web, soit une personne aveugle, peut "hear" l'élément.
Nous vous proposons: Toujours utiliser des attributs Minuscules
La norme HTML5 ne nécessite pas de noms d'attributs minuscules.
Le title attribut peut être écrit avec majuscules ou minuscules , comme le Title et / ou TITLE .
W3C recommande en minuscules HTML4, et exige en minuscules pour plus strictes types de documents comme XHTML.
Minuscule est la plus courante. Minuscule est plus facile à saisir.
A w3ii nous utilisons toujours des noms d'attributs minuscules.
Nous suggérons: Toujours Citation d'attribut Valeurs
La norme HTML5 ne nécessite pas de guillemets autour des valeurs d'attribut.
Le href attribut, démontré ci - dessus, peut être écrit:
W3C recommends citations dans HTML4 et demande de devis pour plus strictes types de documents comme XHTML.
Parfois , il est nécessaire d'utiliser des guillemets. Ce ne sera pas afficher correctement, car il contient un espace:
Les guillemets sont les plus communs. citations Omettre peuvent produire des erreurs.
A w3ii nous utilisons toujours des attributs entre guillemets valeurs.
Guillemets simples ou doubles?
citations de double style sont les plus communs en HTML, mais le style unique peut également être utilisé.
Dans certaines situations, lorsque la valeur de l'attribut lui-même contient des guillemets doubles, il est nécessaire d'utiliser des guillemets simples:
<p title='John "ShotGun" Nelson'>Ou vice versa:
<p title="John 'ShotGun' Nelson">Résumé du chapitre
- Tous les éléments HTML peuvent avoir des attributs
- Le code HTML title attribut fournit supplémentaire "tool-tip" informations
- Le HTML href attribut fournit des informations d'adresse pour les liens
- Le code HTML width et height attributs fournissent des informations de taille pour les images
- Le code HTML alt attribut fournit du texte pour les lecteurs d'écran
- A w3ii nous utilisons toujours lowercase noms d' attributs HTML
- A w3ii nous avons toujours quote attributs avec des guillemets doubles
Testez-vous avec des exercices!
Exercice 1 » Exercice 2» Exercice 3 » Exercice 4» Exercice 5 »
Attributs HTML
Ci-dessous une liste alphabétique de certains attributs souvent utilisés en HTML:
| Attribut | La description |
|---|---|
| alt | Indique un texte alternatif pour une image |
| disabled | Indique qu'un élément d'entrée doit être désactivé |
| href | Indique l'URL (web address) pour un lien |
| id | Spécifie un ID unique pour un élément |
| src | Indique l'URL (web address) pour une image |
| style | Indique un style CSS en ligne pour un élément |
| title | Spécifie des informations supplémentaires concernant un élément (displayed as a tool tip) en (displayed as a tool tip) l' (displayed as a tool tip) |
Une liste complète de tous les attributs pour chaque élément HTML, est listé dans notre: balise HTML référence .