注意： HTML5 中的 Address 標(biāo)簽需要開始和結(jié)束標(biāo)簽，即
……..- 地址標(biāo)簽不能代表任意地址（即與聯(lián)系信息無關(guān)的地址）。
- 地址標(biāo)簽不應(yīng)包含除聯(lián)系信息以外的信息，例如發(fā)布日期（為此，請(qǐng)使用
語法
下面是提到的語法：
1。 HTML/XHTML
<body> <footer> ... </footer> <body>
2。 CSS
footer{
--your css code—
}
地址標(biāo)簽中的重要要點(diǎn)
下面提到了有關(guān)標(biāo)簽的一些要點(diǎn)：
- 如果有的話，元素正式放置在
- 之前， 曾經(jīng)是這樣的情況。元素只能代表文檔作者的聯(lián)系信息。然而，它的定義在最新的規(guī)范版本中已經(jīng)升級(jí)，因?yàn)樗F(xiàn)在可以用于任意標(biāo)記地址。
- ;元素不應(yīng)包含比聯(lián)系信息更多的信息，例如發(fā)布日期（為此，請(qǐng)使用
- 地址標(biāo)簽唯一允許的內(nèi)容類型是流內(nèi)容，意思是作為父標(biāo)簽，不能嵌套 標(biāo)簽。元素;然后相同的內(nèi)容不能有 標(biāo)簽作為其父級(jí)。
- 大多數(shù)瀏覽器都會(huì)呈現(xiàn) 內(nèi)的文本斜體標(biāo)簽，但您可以通過 CSS 樣式更改此行為。
- 地址標(biāo)簽不能代表任意地址（例如郵政地址），除非這些地址是該部分的聯(lián)系信息。要顯示郵政地址，請(qǐng)使用
標(biāo)簽。
- ;標(biāo)簽不允許包含
、 - 對(duì)于早于 IE 9 的 Internet Explorer 瀏覽器，請(qǐng)使用 HTML5，這是一種 JavaScript 解決方法，可為新的 HTML5 元素（例如
、 、 、 、 、、
標(biāo)簽特定屬性
不能使用特定屬性標(biāo)簽。1.全局屬性
像所有其他 HTML 標(biāo)簽一樣，
標(biāo)簽還支持HTML5中的全局屬性。以下是全局屬性：- 訪問鍵
- 班級(jí)
- 內(nèi)容可編輯
- 上下文菜單
- 目錄
- 可拖動(dòng)
- 降落區(qū)
- 隱藏
- id
- 項(xiàng)目
- itemprop
- 項(xiàng)目參考
- 項(xiàng)目范圍
- 項(xiàng)目類型
- 郎
- 拼寫檢查
- 風(fēng)格
- 標(biāo)簽索引
- 標(biāo)題
- 翻譯
有關(guān)這些屬性的完整說明，請(qǐng)?jiān)L問 https://www.educba.com/html-attributes/。
2.事件屬性
; HTML5 中的 tag 也支持所有事件屬性。以下是以下事件處理程序內(nèi)容屬性。
- 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>
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 ©2020- EDUCBA.</section> <address> A- 406, Boomerang, Chandivali Farm Road, Yadav Nagar, Chandivali, Powai, Maharashtra, Mumbai - 400072. </address> </footer> </body> </html>
Output:
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:
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 protected]">[email?protected]</a> and we'll do our best to reply within 24 hours </address> </div> </body> </html>
Output:
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
- 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.
