Balise d'adresse en HTML-tutoriel HTML-php.cn

Balise d'adresse en HTML

WBOY

Libérer： 2024-09-04 16:30:55

original

876 Les gens l'ont consulté

La balise d'adresse du document HTML est symbolisée, fournissant les informations de contact sur une organisation ou un individu. L' la balise a une signification différente lorsqu'elle est utilisée à différents endroits dans un document HTML ; lorsqu'il est utilisé dans le balise, alors il présentera les informations de contact du document, et si elle est utilisée dans la balise

balise, elle représente alors les informations de contact de l’article. Généralement, le texte représenté par l' la balise sera affichée en italique. Certains navigateurs disposent de fonctionnalités qui ajoutent un saut de ligne avant et après la balise d'adresse. La balise peut être utilisée dans divers contextes, par exemple pour indiquer l'auteur d'un article en incluant une balise élément dans l'élément

baliser ou fournir les coordonnées d’une entreprise dans l’en-tête de la page.

Remarque : Les balises de début et de fin sont requises pour la balise d'adresse en HTML5, c'est-à-dire ……..

La balise d'adresse ne peut pas représenter des adresses arbitraires (c'est-à-dire des adresses sans rapport avec les informations de contact).
La balise d'adresse ne doit pas contenir d'informations autres que des informations de contact, comme une date de publication (pour cela, utilisez plutôt la balise ).

Syntaxe

Ci-dessous la syntaxe mentionnée :

1. HTML/XHTML

<body>
<footer> ... </footer>
<body>

Copier après la connexion

2. CSS

footer{
--your css code—
}

Copier après la connexion

Points importants dans l'étiquette d'adresse

Ci-dessous sont mentionnés quelques points importants concernant le tag :

Le cas échéant, une est formellement placé à l'intérieur de l'élément
élément de la section actuelle.
Auparavant, il arrivait qu'une L’élément ne peut représenter que les coordonnées de l’auteur du document. Cependant, sa définition a été mise à niveau dans les dernières versions de spécifications, car elle peut désormais être utilisée pour des adresses de balisage arbitraires.
Une L'élément ne doit pas contenir plus d'informations que les informations de contact, comme une date de publication (pour cela, utilisez plutôt la balise ).
Le seul type de contenu autorisé pour la balise d'adresse est le contenu de flux, ce qui signifie la balise, en tant que parent, ne peut pas avoir une balise élément; puis la même le contenu ne peut pas avoir tag comme son parent.
La plupart des navigateurs afficheront le texte dans le champ balise en italique, mais vous pouvez modifier ce comportement par le style CSS.
La balise d'adresse ne peut pas représenter des adresses arbitraires (par exemple, des adresses postales) à moins que ces adresses ne soient des informations de contact pour la section. Pour afficher les adresses postales, utilisez le bouton
étiquette.
L' La balise ne peut pas contenir
,
,
,
,
,
, ,
-
ou autre éléments.
Pour les navigateurs Internet Explorer antérieurs à IE 9, utilisez HTML5, qui est une solution de contournement JavaScript pour fournir la prise en charge des nouveaux éléments HTML5 tels que
,
,
,
,
, <à côté>,

Attributs spécifiques aux balises

Aucun attribut spécifique ne peut être utilisé avec l'attribut étiquette.

1. Attributs globaux

Comme toutes les autres balises HTML, la balise La balise prend également en charge les attributs globaux en HTML5. Voici les attributs globaux :

clé d'accès
cours
contenteditable
menu contextuel
rép
déplaçable
zone de dépôt
caché
identifiant
élémentmid
itemprop
réf.article
portée de l'objet
type d'élément
langage
vérification orthographique
style
ongletindex
titre
traduire

Pour une explication complète de ces attributs, visitez https://www.educba.com/html-attributes/.

2. Attributs de l'événement

L' La balise HTML5 prend également en charge tous les attributs d'événement. Voici les attributs de contenu du gestionnaire d'événements suivants.

onabort
oncancel
onblur
oncanplay
oncanplaythrough
onchange
onclick
oncontextmenu
ondblclick
ondrag
ondragend
ondragenter
ondragexit
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
onemptied
onended
onerror
onfocus
onformchange
onforminput
oninput
oninvalid
onkeydown
onkeypress
onkeyup
onload
onloadeddata
onloadedmetadata
onloadstart
onmousedown
onmousemove
onmouseout
onmouseover
onmouseup
onmousewheel
onpause
onplay
onplaying
onprogress
onratechange
onreadystatechange
onscroll
onseeked
onseeking
onselect
onshow
onstalled
onsubmit
onsuspend
ontimeupdate
onvolumechange
onwaiting

For a full explanation of these attributes, visit https://www.educba.com/html-event-attributes/

CSS Font properties in
tag

font-style – normal|italic|oblique|initial|inherit
font-variant – normal|small-caps|initial|inherit
font-weight – normal|bold|bolder|lighter|number|initial|inherit
font-size – medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit
font-family – family-name|generic-family|initial|inherit

CSS Test Shadow property for
tag

<style>
address{
text-shadow: 1px 1px #FF0000;
}
</style>

Copier après la connexion

Note: If the footer contains contact details, put them in the

tag.

Examples of Address Tag in HTML

Below are the examples of Address Tag in HTML:

Example #1

Code:

<!DOCTYPE html>
<html>
<head> . . . </head>
<body>
<header>
<h1>HTML Address tag example</h1>
</header>
<main>
<article> An article on HTML Address tag</article>
</main>
<aside> Body of an article </aside>
<footer>
<section>Copyright &copy;2020- EDUCBA.</section>
<address> A- 406, Boomerang, Chandivali Farm Road,
Yadav Nagar, Chandivali, Powai,
Maharashtra, Mumbai - 400072. </address>
</footer>
</body>
</html>

Copier après la connexion

Output:

Balise d'adresse en HTML

Example #2

Code:

<!DOCTYPE html>
<html>
<head> . . . </head>
<body>
<header>
<h1>HTML Address tag example</h1>
</header>
<div>
<address> A- 406, Boomerang, Chandivali Farm Road,
Yadav Nagar, Chandivali, Powai,
Maharashtra, Mumbai - 400072. </address>
</div>
</body>
</html>

Copier après la connexion

Output:

Balise d'adresse en HTML

Example #3

Code:

<!DOCTYPE html>
<html>
<head> . . . </head>
<body>
<header>
<h1>HTML Address tag example</h1>
</header>
<div>
<address> We are always here to help. If you have a requirement / query about our services; email us at <a href="[email&#160;protected]">[email protected]</a> and we'll do our best to reply within 24 hours </address>
</div>
</body>
</html>

Copier après la connexion

Output:

Balise d'adresse en HTML

Conclusion

Below are mentioned some of the main key points which you should remember from this topic:

The HTML
element is always in the tag.
The HTML
tag provides the contact information for the closest ancestor in HTML 4.01.
The HTML
tag includes contact information for the closest
or ancestor in HTML5.
The
tag is usually placed inside the
tag for the
or .
Do not place the publication date inside the
tag; use the tag instead.
Most browsers will render the text within the
tag in Italics, but you can change this behavior by CSS styling.