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

Meta Tag dalam HTML

WBOYasal: 2024-09-04 16:20:50471semak 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.

Meta Tag dalam HTML

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.

Meta Tag dalam HTML

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:

Meta Tag dalam HTML

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!

html5 html define if for date format include using protected Attribute Property Event this display viewport kind http web services

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：Tag Jadual HTMLArtikel seterusnya：Tag Jadual HTML

Artikel berkaitan

Lihat lagi