HTML abbr Tag
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
- Teg abbr biasa:
<abbr> PFA </abbr>
Ini hanya akan memaparkan teks ringkas tanpa sebarang makna. Katakan kita ingin menggunakan borang penuh serahkan untuk singkatan di atas, iaitu PFA, kemudian
- abbr Teg dengan Teg Tajuk:
<abbr title = "Please Find Attached" > PFA </abbr>
Di sini, kami telah mentakrifkan tajuk paparan sebagai bentuk pendek, tetapi pada masa yang sama, kami telah mentakrifkan bentuk penuhnya menggunakan tanda nama bersama
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>Output: akan menjadi teks ringkas seperti di bawah,
Contoh #2
Dalam contoh ini, kita dapat melihat abbr Dengan Tag Tajuk.
Kod:
abbr tag in HTML <abbr title = "Please Find Attached" > PFA </abbr>
Output: akan menjadi akronim dengan garis bawah bertitik.
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
Output:
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
Output:
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
Output:
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!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Sempadan Jadual dalam HTML
Sep 04, 2024 pm 04:49 PM
Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.
Jadual Bersarang dalam HTML
Sep 04, 2024 pm 04:49 PM
Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.
HTML jidar-kiri
Sep 04, 2024 pm 04:48 PM
Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.
Susun Atur Jadual HTML
Sep 04, 2024 pm 04:54 PM
Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.
Pemegang Tempat Input HTML
Sep 04, 2024 pm 04:54 PM
Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.
Senarai Tertib HTML
Sep 04, 2024 pm 04:43 PM
Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing
Butang onclick HTML
Sep 04, 2024 pm 04:49 PM
Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.
Memindahkan Teks dalam HTML
Sep 04, 2024 pm 04:45 PM
Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.
