Tag Alamat dalam HTML

Tag alamat dokumen HTML dilambangkan, memberikan maklumat hubungan tentang organisasi atau individu. tag mempunyai makna yang berbeza apabila digunakan di tempat yang berbeza dalam Dokumen HTML; apabila ia digunakan dalam teg, maka ia akan mempamerkan maklumat hubungan dokumen dan jika ia digunakan di dalam tag, kemudian ia mewakili maklumat hubungan artikel. Secara amnya, teks yang diwakili oleh tag akan dipaparkan dalam huruf condong. Sesetengah penyemak imbas mempunyai fungsi yang menambah pemisah baris sebelum dan selepas teg alamat. teg boleh digunakan dalam pelbagai konteks, seperti menunjukkan pengarang artikel dengan memasukkan elemen dalam tanda nama atau menyediakan maklumat hubungan perniagaan dalam pengepala halaman.

Nota: Kedua-dua teg Mula dan Tamat diperlukan untuk teg Alamat dalam HTML5, iaitu ……..

• Teg alamat tidak boleh mewakili alamat sewenang-wenangnya (iaitu, alamat yang tidak berkaitan dengan maklumat hubungan).
• Teg alamat tidak boleh mengandungi maklumat selain daripada maklumat hubungan, seperti tarikh penerbitan (untuk itu, gunakan teg sebaliknya).

Sintaks

Di bawah ialah Sintaks yang disebut :

1. HTML/XHTML

<footer> ... </footer>

2. CSS

footer{
--your css code—
}

Perkara Penting dalam Teg Alamat

Di bawah dinyatakan beberapa perkara penting mengenai tag:

• Jika ada, elemen diletakkan secara rasmi di dalam
  elemen bahagian semasa.
• Sebelum ini, pernah berlaku bahawa elemen hanya boleh mewakili maklumat hubungan pengarang dokumen. Walau bagaimanapun, takrifnya telah dinaik taraf dalam versi spesifikasi terkini, kerana ia kini boleh digunakan untuk alamat penanda sewenang-wenangnya.
• Satu elemen tidak boleh mengandungi lebih banyak maklumat daripada maklumat hubungan, seperti tarikh penerbitan (untuk itu, gunakan teg sebaliknya).
• Satu-satunya jenis kandungan yang dibenarkan untuk teg Alamat ialah kandungan aliran bermaksud teg, sebagai ibu bapa, tidak boleh mempunyai unsur; maka yang sama kandungan tidak boleh mempunyai tag sebagai induknya.
• Kebanyakan penyemak imbas akan memaparkan teks dalam teg dalam Italic, tetapi anda boleh menukar tingkah laku ini dengan penggayaan CSS.
• Teg alamat tidak boleh mewakili alamat sewenang-wenangnya (mis., alamat pos) melainkan alamat tersebut adalah maklumat hubungan untuk bahagian tersebut. Untuk memaparkan alamat pos, gunakan

  tag.

• teg tidak dibenarkan mengandungi , ,
  , ,

  ,

  ,

  ,

  -

  atau elemen.

• Untuk penyemak imbas Internet Explorer yang lebih lama daripada IE 9, gunakan HTML5, yang merupakan penyelesaian JavaScript untuk menyediakan sokongan bagi elemen HTML5 baharu seperti ,
  ,

  ,

  ,

  , ,

Atribut Khusus Teg

Tiada atribut khusus boleh digunakan dengan tag.

1. Atribut Global

Seperti semua teg HTML lain, tag juga menyokong atribut global dalam HTML5. Berikut ialah atribut global:

• kunci akses
• kelas
• boleh diedit
• menu konteks
• dir
• boleh diseret
• dropzone
• tersembunyi
• id
• itemid
• itemprop
• itemref
• itemscope
• jenis item
• lang
• semakan ejaan
• gaya
• indeks tab
• tajuk
• terjemah

Untuk mendapatkan penjelasan penuh tentang atribut ini, lawati https://www.educba.com/html-attributes/.

2. Atribut Acara

teg dalam HTML5 juga menyokong semua Atribut Acara. Berikut ialah atribut kandungan pengendali acara berikut.

• 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:

 . . . 

<header>
<h1 id="HTML-Address-tag-example">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>

Output:

Example #2

Code:

 . . . 

<header>
<h1 id="HTML-Address-tag-example">HTML Address tag example</h1>
</header>
<div>
<address> A- 406, Boomerang, Chandivali Farm Road,
Yadav Nagar, Chandivali, Powai,
Maharashtra, Mumbai - 400072. </address>
</div>

Output:

Example #3

Code:

 . . . 

<header>
<h1 id="HTML-Address-tag-example">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="%5Bemail%C2%A0protected%5D">[email protected]</a> and we'll do our best to reply within 24 hours </address>
</div>

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

  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.

Atas ialah kandungan terperinci Tag Alamat dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!