Rumah > Artikel > hujung hadapan web > Meta Tag dalam HTML
Meta Tag dalam HTML
- WBOYasal
- 2024-09-04 16:20:50510semak imbas
Teg meta dalam HTML digunakan untuk menentukan data tentang halaman web atau dokumen HTML anda. Dengan bantuan tag meta, seseorang boleh menentukan perihalan dokumen, maklumat pengarangnya apabila ia dikemas kini kali terakhir; ia digunakan untuk memberikan sifat terperinci dokumen HTML. Teg meta ditakrifkan dalam Teg HTML, yang disertakan dalam
bahagian. Ia amat berguna kepada pereka web untuk menunjukkan bahagian paparan sebenar halaman web. Keseluruhan kawalan port pandangan akan dilakukan oleh mereka menggunakan teg meta dalam HTML 5. Teg meta dirujuk oleh kebanyakan penyemak imbas untuk banyak ciri berguna seperti menyegarkan halaman, memaparkan kandungan halaman web dan perkhidmatan web yang digunakan oleh mereka.Sintaks
Meta tag digunakan dalam bahagian kepala seperti berikut:
<meta charset="utf-8">
Dalam sintaks di atas, ia menyatakan bahawa charset=”utf-8” menyediakan sokongan terbaik untuk memaparkan apa-apa jenis bahasa.
Berikut ialah sintaks lain untuk teg meta dengan beberapa nilai ialah:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Ia digunakan untuk mengendalikan saiz port pandangan dengan semua nilai dimensi halaman dan penatalan halaman agar muat halaman web kami dengan sempurna pada sebarang jenis peranti.
Senarai teg Meta dalam HTML
Terdapat pelbagai jenis teg Meta yang digunakan dalam HTML; jom tengok satu persatu:
1. Ini ialah teg meta yang sangat asas yang digunakan untuk mentakrifkan sebarang jenis bahasa.
2. Ia digunakan untuk mentakrifkan huraian kandungan anda sehingga 150 patah perkataan.
3. Ia digunakan untuk mengekalkan semua hak cipta syarikat yang ditentukan.
4. Ia digunakan untuk mentakrif abstrak halaman web tertentu.
5. Ia digunakan untuk mentakrifkan pengarang dokumen HTML anda.
6. Ia digunakan untuk menentukan alamat URL syarikat tertentu yang ditakrifkan dalam atribut teg.
7. Ia digunakan untuk mengendalikan penilaian yang terdapat pada dokumen kami.
8. Jika kami ingin mentakrifkan sari kata untuk dokumen HTML kami maka ia dimungkinkan menggunakan teg ini.
9. Ia digunakan untuk memuat semula halaman web kami pada masa spam yang ditetapkan.
10. Ia digunakan untuk mengelaskan dokumen kami pada nilai entiti yang ditentukan.
11. Teg ini digunakan untuk menentukan beberapa kata kunci dalam teg Meta, jadi anda boleh mencari kandungan ini dengan mudah dalam dokumen kami.
12. Teg ini digunakan untuk mentakrifkan ringkasan dokumen kami.
Menggunakan teg Meta dalam HTML
Teg meta dalam HTML digunakan terutamanya untuk memasukkan maklumat yang boleh dibaca mesin dalam dokumen halaman web kami, yang sebenarnya tidak kelihatan pada halaman web. Satu lagi kerja terpenting teg ini dalam HTML ialah, dengan bantuan teg ini, seseorang boleh mengubah hala ke halaman web lain dengan mudah menggunakan ciri teg meta ini.
Terdapat beberapa senarai atribut yang mana tag meta berfungsi dengan baik adalah seperti berikut:
1. Kandungan: Kandungan dalam teg meta berfungsi seperti nilai untuk teg meta yang disertakan.
2. Nama: Nama berfungsi sebagai harta untuk teg meta. Ia datang dalam bentuk butiran, pemilik, kata kunci, dll.
3. http-equiv: Atribut ini digunakan untuk mentakrifkan butiran pengepala dalam dokumen.
4. Charset: Ia ialah atribut utama dalam teg Meta yang digunakan untuk mentakrifkan pengekodan aksara untuk tujuan pengisytiharan dalam dokumennya.
5. Skim: atribut ini digunakan untuk mentakrifkan skema di mana teg meta sebenar akan digunakan. Tetapi jenis atribut ini tidak disokong dalam HTML5.
Contoh pada Meta Tag dalam HTML
Mari lihat beberapa contoh
Contoh #1
Kami akan menggunakan teg Meta, dan ia akan dibaca oleh sistem komputer tetapi tidak dapat melihat apa-apa kepada pelawat halaman web.
Kod HTML:
<html> <head> <meta charset="UTF-8"> <meta name="description" content="Meta tag details information here"> <meta name="robots" content="Robotics"/> <meta name="hotmail:card" content="summary"/> </head> </html>
Output: Ia akan menunjukkan skrin kosong sebagai output.
Example #2
Here is this example we are going to use different kinds of Meta tags and show the output; the web page will be refresh at every specific time and store cookies for your page, also mentioning its expiry date.
HTML code:
<html> <head> <title>Meta Tags Example</title> <meta name = "keywords" content = "HTML, Meta Tags, Metadata" /> <meta name = "description" content = "Learning about Meta Tags." /> <meta http-equiv = "cookie" content = "userid = xyz; expires = Tuesday, 31-Dec-19 23:59:59 IST;" /> <meta name = "revised" content = "EDUCBA -Online courses, 3/7/2019" /> <meta http-equiv = "refresh" content = "5" /> </head> <body> <h1>EDUCBA</h1> <h2>Become an Awesome Design Expert</h2> <p>EDUCBA- All about online certification courses</p> <h4>Learn Graphic designing, Animation, Game Development, Video Editing & more with our Online Certification Courses</h4> <p>Choose your interest area and get certified with our online Courses in Finance, Data Science, Software Development, Excel, Design, Project Management, Personal Development, Marketing and Human Resources.</p> </body> </html>
Output: The webpage shown in output will refresh every 5 seconds.
Example #3
Let’s see another example using meta tags, it will reflect the same as above, but after refreshing the webpage, it will redirect to another webpage which URL’s will be mentioned in the Meta tag as shown in the below HTML code:
HTML code:
<head> <title>Meta Tags in HTML 5</title> <meta name = "keywords" content = "HTML 5, Meta Tag" /> <meta name = "description" content = "Detail description of Meta Tags in HTML 5."/> <meta http-equiv = "refresh" content = "10; url = https://www.educba.com/" /> </head> <body> <p>EDUCBA- All about online certification courses</p> </body>
Output:
Conclusion
So, a Meta tag in Html is used to define metadata about HTML documents. The code included in it is a machine-readable format that works well with a webpage but doesn’t show any content on the page to the visitors. Meta tag containing 3 different types of attributes like global, element-specific, and event handler attributes.
Atas ialah kandungan terperinci Meta Tag dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!