HTMLのアドレスタグ-htmlチュートリアル-php.cn

存在する場合、<アドレス>要素は正式に
内に配置されます。現在のセクションの要素。
以前は、
は、要素は、ドキュメントの作成者の連絡先情報のみを表すことができます。ただし、最新の仕様バージョンではその定義がアップグレードされ、任意のマークアップアドレスに使用できるようになりました。
要素には、出版日などの連絡先情報以外の情報を含めないでください (その場合は、代わりにタグを使用してください)。
Address タグに許可される唯一のコンテンツタイプは、
を意味するフローコンテンツです。タグは、親としてネストされた
を持つことはできません。要素;その後、同じコンテンツに
を含めることはできません。
ほとんどのブラウザは、
内のテキストをレンダリングします。タグは斜体で表示されますが、CSS スタイルによってこの動作を変更できます。
アドレスタグは、そのアドレスがセクションの連絡先情報でない限り、任意のアドレス (郵便番号など) を表すことはできません。郵便番号を表示するには、
ボタンを使用します。タグ。
タグには、
、
、
、
、
、
、、
-
を含めることはできません。またはその他の要素。
IE 9 より古い Internet Explorer ブラウザの場合は、HTML5 を使用します。これは、
、
、
、
、などの新しい HTML5 要素のサポートを提供する JavaScript の回避策です。
、
、

タグ固有の属性

では特定の属性を使用できません。タグ。

1.グローバル属性

他のすべての HTML タグと同様、

タグは、HTML5 のグローバル属性もサポートします。以下はグローバル属性です:

アクセスキー
クラス
コンテンツ編集可能
コンテキストメニュー
ディレクトリ
ドラッグ可能
ドロップゾーン
非表示
ID
アイテムID
アイテムプロップ
アイテム参照
アイテムスコープ
アイテムタイプ
ラング
スペルチェック
スタイル
タブインデックス
タイトル
翻訳

これらの属性の詳しい説明については、https://www.educba.com/html-attributes/ をご覧ください。

2.イベント属性

HTML5 のタグもすべてのイベント属性をサポートします。以下のイベントハンドラーコンテンツ属性を示します。

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>

ログイン後にコピー

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>

ログイン後にコピー

Output:

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>

ログイン後にコピー

Output:

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>

ログイン後にコピー

Output:

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.