HTML abbr Tag-html tutorial-php.cn

HTML abbr Tag

王林

Lepaskan： 2024-09-04 16:26:50

asal

1080 orang telah melayarinya

HTML 5 mempunyai ciri menarik yang menjadikan reka bentuk halaman web HTML lebih mudah menggunakan penulisan kod yang minimum. Ia menyediakan set yang kaya dengan tag yang menarik untuk mereka bentuk elemen web. Satu teg sedemikian berguna, yang dikenali sebagai tag. Ini tag digunakan untuk menentukan dan memaparkan singkatan dalam sekali gus. Teg abbr HTML akan membolehkan kami mentakrifkan bentuk penuh singkatan atau akronim, dan penyemak imbas akan memaparkan versi huruf pendek seperti biasa pada halaman web, tetapi apabila menuding di atas singkatan tersebut, penyemak imbas akan memaparkan bentuk penuh akronim itu secara automatik.

Sintaks HTML abbr Tag

tag biasanya digunakan bersama-sama dengan atribut. Memandangkan tag tajuk digunakan untuk mentakrifkan tajuk dokumen, tajuk, apabila digunakan dengan tag, menjadi atribut dan mempunyai makna yang istimewa padanya. Tajuk itu akan mengandungi tajuk yang boleh dibaca manusia atau bentuk penuh akronim. Yang teg memaparkan borang penuh semasa menuding kepada pengguna dan menjadikannya dipermudahkan untuk mentakrifkan perihalan. Maklumat ini lebih berguna kepada penyemak imbas, enjin carian dan sistem bantuan seperti sistem terjemahan. Di bawah ialah sintaks teg abbr,

Teg abbr biasa:

<abbr> PFA </abbr>

Salin selepas log masuk

Ini hanya akan memaparkan teks ringkas tanpa sebarang makna. Katakan kita ingin menggunakan borang penuh serahkan untuk singkatan di atas, iaitu PFA, kemudian atribut digunakan,

abbr Teg dengan Teg Tajuk:

<abbr title = "Please Find Attached" > PFA </abbr>

Salin selepas log masuk

Di sini, kami telah mentakrifkan tajuk paparan sebagai bentuk pendek, tetapi pada masa yang sama, kami telah mentakrifkan bentuk penuhnya menggunakan tanda nama bersama tag. Yang tag datang sebagai pasangan, jadi akan sentiasa ada penutup tag tersedia.

Atribut: Seperti yang telah kita lihat dalam sintaks, teg tajuk, apabila digunakan bersama dengan tag, menjadi atribut dan memberikan fungsi khas kepadanya. Jika tidak, tiada lagi teg khusus yang tersedia untuk digunakan dengan teg, tetapi teg ini menyokong atribut global dan atribut acara yang tersedia secara lalai dalam HTML.

Contoh untuk Melaksanakan HTML abbr Tag

Di bawah ialah contoh pelaksanaan teg abbr HTML:

Contoh #1

Dalam contoh ini, kita dapat melihat abbr Mudah tanpa Tag Tajuk.

Kod:

<!DOCTYPE html>
<html>
<head>
<title> abbr tag in HTML </title>
<style>
body {
text-align: left ;
}
</style>
</head>
<body>
<abbr > PFA </abbr>
</body>
</html>

Salin selepas log masuk

Output: akan menjadi teks ringkas seperti di bawah,

HTML abbr Tag

Contoh #2

Dalam contoh ini, kita dapat melihat abbr Dengan Tag Tajuk.

Kod:




 abbr tag in HTML 



<abbr title = "Please Find Attached" > PFA </abbr>

Salin selepas log masuk

Output: akan menjadi akronim dengan garis bawah bertitik.

HTML abbr Tag

Jika kita cuba menuding pada ini, ia akan memaparkan tajuk yang telah kita berikan dengan cara yang serupa dengan petua alat.

Contoh #3

Di sini, kami telah menggunakan gaya fon elemen penggayaan CSS sebagai condong ke atas tag.

Kod:




 abbr tag in HTML 



 while writing an email, generally <abbr title = "Please Find Attached" > PFA </abbr> is used

Salin selepas log masuk

Output:

HTML abbr Tag

Contoh #4

Mari kita gunakan beberapa lagi elemen penggayaan CSS di atas tag.

Kod:




 abbr tag in HTML 



 while writing an email, generally <abbr title = "Please Find Attached" > PFA </abbr> is used

Salin selepas log masuk

Output:

HTML abbr Tag

Di sini, kami telah menjadikan akronim kami sebagai tebal dan merah menggunakan elemen penggayaan CSS.

Contoh #5

Mari ubah suai contoh yang sama untuk menambahkan lagi penggayaan dan reka bentuk.

Kod:




 abbr tag in HTML 



 while writing an email, generally <abbr title = "Please Find Attached" > PFA </abbr> is used

Salin selepas log masuk

Output:

HTML abbr Tag

Dalam setiap contoh di atas, cuba tuding di atas akronim yang telah kami gunakan, iaitu PFA, dan lihat cara penyemak imbas akan memaparkan tajuk yang telah kami tetapkan kepadanya.

Perkara Penting untuk Diingat

tag disokong oleh hampir semua penyemak imbas, termasuk Google Chrome, Internet Explorer, Safari, Firefox, Opera, dll. Output yang dihasilkan oleh semua penyemak imbas mungkin berbeza dalam beberapa kes, tetapi hasilnya adalah sama.
Memandangkan tiada atribut khusus tersedia dengan tag, kita akan melihat bagaimana kita boleh menggayakan atribut (menggunakan atribut global yang tersedia) dalam contoh seterusnya. Penggayaan lalai untuk memaparkan elemen ini ialah paparan: sebaris, dan ia mungkin berbeza dari penyemak imbas ke penyemak imbas.
tag boleh digunakan untuk menyediakan pengguna dengan bentuk penuh atau definisi semasa dalam kandungan tertentu atau mungkin dalam kes penggayaan dokumen. Ia tidak wajib untuk sentiasa menggunakan tag.
atribut digunakan untuk memberikan maklumat penuh atau bentuk penuh akronim yang ditentukan dalam tag. atribut adalah pilihan dan ia akan digunakan dalam teg permulaan tag.
Dulu ada teg sebelum HTML 5 untuk mentakrifkan singkatan atau akronim, tetapi ia ditamatkan daripada HTML 5 dan tidak boleh digunakan.

Kesimpulan

Jadi, kami telah melihat teg, yang diperkenalkan dalam HTML 5. Teg ini menyediakan cara untuk mentakrifkan singkatan atau akronim dan memaparkan tajuk atau maklumat terperincinya sekali gus. Kami telah melihat beberapa contoh atribut. Tiada atribut istimewa sedemikian tersedia dengan tag ini.

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