Rumah  >  Artikel  >  hujung hadapan web  >  Tag Alamat dalam HTML

Tag Alamat dalam HTML

WBOY
WBOYasal
2024-09-04 16:30:55880semak imbas

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

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

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

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

Tag Alamat dalam 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:

Tag Alamat dalam 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:

Tag Alamat dalam 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.

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Kotak semak HTML TagArtikel seterusnya:Kotak semak HTML Tag