Adress-Tag in HTML

WBOY
Freigeben: 2024-09-04 16:30:55
Original
704 Leute haben es durchsucht

Das Adress-Tag des HTML-Dokuments ist symbolisiert und stellt Kontaktinformationen zu einer Organisation oder einer Einzelperson bereit. Die Das Tag hat eine unterschiedliche Bedeutung, wenn es an verschiedenen Stellen in einem HTML-Dokument verwendet wird. wenn es innerhalb des Tag, dann werden die Kontaktinformationen des Dokuments angezeigt, und wenn es innerhalb des

-Tags verwendet wird, werden die Kontaktinformationen des Dokuments angezeigt. Tag, dann stellt es die Kontaktinformationen des Artikels dar. Im Allgemeinen wird der durch das Feld
Tag wird kursiv angezeigt. Einige Browser verfügen über Funktionen, die einen Zeilenumbruch vor und nach dem Adress-Tag hinzufügen. Das Tag kann in verschiedenen Kontexten verwendet werden, z. B. um den Autor eines Artikels anzugeben, indem ein
-Tag eingefügt wird. Element innerhalb des
Taggen Sie oder geben Sie die Kontaktinformationen eines Unternehmens im Seitenkopf an.

Hinweis: Sowohl das Start- als auch das End-Tag sind für das Adress-Tag in HTML5 erforderlich, d. h.

……..

  • Das Adress-Tag kann keine beliebigen Adressen darstellen (d. h. Adressen, die für die Kontaktinformationen irrelevant sind).
  • Das Adress-Tag sollte keine anderen Informationen als Kontaktinformationen enthalten, wie z. B. ein Veröffentlichungsdatum (verwenden Sie dazu stattdessen das Tag

Syntax

Unten ist die Syntax erwähnt:

1. HTML/XHTML

<body>
<footer> ... </footer>
<body>
Nach dem Login kopieren

2. CSS

footer{
--your css code—
}
Nach dem Login kopieren

Wichtige Punkte im Adress-Tag

Im Folgenden werden einige wichtige Punkte zum Tag aufgeführt:

  • Falls vorhanden, eine Das Element wird formal innerhalb der platziert. Element des aktuellen Abschnitts.
  • Früher war es so, dass eine Das Element könnte nur die Kontaktinformationen des Autors des Dokuments darstellen. Allerdings wurde seine Definition in den neuesten Spezifikationsversionen aktualisiert, da es nun für beliebige Markup-Adressen verwendet werden kann.
  • Eine Das Element sollte nicht mehr Informationen als die Kontaktinformationen enthalten, wie z. B. ein Veröffentlichungsdatum (verwenden Sie dazu stattdessen das Tag
  • Der einzige zulässige Inhaltstyp für das Adress-Tag ist „Flow-Inhalt“, d. h. Das Tag kann als übergeordnetes Tag keine verschachtelten
    -Tags haben. Element; dann ist die gleiche Der Inhalt darf keine haben. Tag als übergeordnetes Element markieren.
  • Die meisten Browser rendern den Text innerhalb der
    Tag in Kursivschrift, aber Sie können dieses Verhalten durch CSS-Stil ändern.
  • Das Adress-Tag kann keine beliebigen Adressen (z. B. Postadressen) darstellen, es sei denn, diese Adressen sind Kontaktinformationen für den Abschnitt. Um Postadressen anzuzeigen, verwenden Sie das Symbol

    Tag.

  • Die Das Tag darf nicht
    ,
  • Verwenden Sie für Internet Explorer-Browser, die älter als IE 9 sind, HTML5, eine JavaScript-Problemumgehung, um Unterstützung für die neuen HTML5-Elemente wie
    ,
    ,
    ,
    bereitzustellen.

Tag-spezifische Attribute

Mit der kann kein spezifisches Attribut verwendet werden. Tag.

1. Globale Attribute

Wie alle anderen HTML-Tags ist auch die

Tag unterstützt auch die globalen Attribute in HTML5. Im Folgenden sind die globalen Attribute aufgeführt:

  • Zugriffsschlüssel
  • Klasse
  • inhaltlich bearbeitbar
  • Kontextmenü
  • dir
  • ziehbar
  • Dropzone
  • versteckt
  • ID
  • itemid
  • itemprop
  • itemref
  • itemscope
  • Artikeltyp
  • Sprache
  • Rechtschreibprüfung
  • Stil
  • Tabindex
  • Titel
  • übersetzen

Eine vollständige Erklärung dieser Attribute finden Sie unter https://www.educba.com/html-attributes/.

2. Ereignisattribute

Die Das Tag in HTML5 unterstützt auch alle Ereignisattribute. Hier sind die folgenden Event-Handler-Inhaltsattribute.

  • 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 text formatting properties in
tag

  • Text-color
  • Text-alignment
  • Text-decoration
  • Text-transformation
  • Line-height
  • Text-direction
  • Text-shadow
  • Word-spacing

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

Output:

Adress-Tag in 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>
Nach dem Login kopieren

Output:

Adress-Tag in 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>
Nach dem Login kopieren

Output:

Adress-Tag in 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
  • Most browsers will render the text within the
    tag in Italics, but you can change this behavior by CSS styling.

Das obige ist der detaillierte Inhalt vonAdress-Tag in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!