Perbezaan utama dalam penggunaan tag meta antara HTML 4.01 dan HTML 5:
Dalam HTML 5, atribut skema tidak lagi disokong.
Dalam HTML 5, terdapat atribut set aksara baharu yang menjadikan definisi set aksara lebih mudah.
Dalam HTML 4.01, anda perlu menulis:
Kod XML/HTMLSalin kandungan ke papan keratan
- <meta http-equiv="jenis kandungan " kandungan="text/html; charset=ISO-8859-1">
Dalam HTML 5, ini sudah memadai:
Kod XML/HTMLSalin kandungan ke papan keratan
- <meta charset="ISO-8859-1 ">
Contoh
Tentukan kata kunci untuk enjin carian:
Kod XML/HTMLSalin kandungan ke papan keratan
- <meta nama="kata kunci" kandungan="HTML, CSS, XML, XHTML, JavaScript" />
Tentukan perihalan halaman:
Kod XML/HTMLSalin kandungan ke papan keratan
- <meta nama="penerangan" kandungan="Tutorial teknologi web percuma." />
Versi terkini halaman definisi:
Kod XML/HTMLSalin kandungan ke papan keratan
- <meta nama="disemak" kandungan="David, 2008/8/8/" />
Muat semula halaman setiap 5 saat:
Kod XML/HTMLSalin kandungan ke papan keratan
- <meta http-equiv="refresh" kandungan="5" />
Atribut
Sifat Standard
kelas, contenteditable, contextmenu, dir, draggable, id, tidak relevan, lang, ref, registrationmark, tabindex, template, title Untuk penerangan lengkap, sila lawati Standard Properties dalam HTML 5.
Hartanah Acara
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, ondragemous overmouse , onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload Untuk penerangan lengkap, sila lawati atribut acara dalam HTML 5.
Contoh
Penerangan Dokumen
Kod XML/HTMLSalin kandungan ke papan keratan
- <html>
-
<kepala>
-
<meta http-equiv=" Jenis Kandungan" kandungan="teks/html; charset=gb2312" />
-
<meta nama="pengarang" kandungan="w3school.com.cn">
-
<meta nama="disemak" kandungan="David Yang,8/1/07">
-
<meta nama="penjana" kandungan="Dreamweaver 8.0en">
-
kepala>
-
<badan>
-
<p>Atribut meta dokumen ini mengenal pasti pengarang dan perisian penyuntingan. p>
-
badan>
-
html>
Maklumat dalam
elemen Meta menerangkan dokumen HTML.
Kata Kunci Dokumen
Kod XML/HTMLSalin kandungan ke papan keratan
- <html>
-
<kepala>
-
<meta http-equiv=" Jenis Kandungan" kandungan="teks/html; charset=gb2312" />
-
<meta nama="penerangan" kandungan="Contoh HTML">
-
<meta nama="kata kunci" kandungan="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">
-
kepala>
-
<badan>
-
<p>本文档的 meta 属性描述了该文宔的。 p>
-
badan>
-
html>
Meta 元素中的信息可以描述文档的关键词。
重定向
Kod XML/HTML复制内容到剪贴板
- <html>
-
<kepala>
-
<meta http-equiv=" Jenis Kandungan" kandungan="teks/html; charset=gb2312" />
-
<meta http-equiv=" Muat semula" kandungan="5;url=http://www.w3school.com.cn">
-
kepala>
-
<badan>
-
<p>
-
对不起。我们已经搬家了。您的 URL 是 <ah >h > ="http://www.w3school.com.cn"> http://www.w3school.com.cn a>
-
p>
-
<p>您将在 5 秒内被重定向到新的定向到新。 🎜>p>
-
<p>如果超过 5 秒后您仍然秒后您仍然看切的的链接。p>
-
badan>
-
html>
这个例子演示:在网址已经变更的情况下,将用户重定向到另外一个地厀>。
移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代小端页面表现出来。本文整理一些常用的meta标签。
Kod XML/HTML复制内容到剪贴板
- >
-
<kepala>
-
-
<meta charset='utf- 8'>
-
" X-ua-compatible "- Kandungan = " IE = Edge, Chrome = 1 "/& gt; 🎜>
<meta
- nama"penerangan"
- kandungan="Tidak lebih daripada 150 aksara"/>
<meta
- nama"kata kunci"
- kandungan=""/>
<meta
- nama"pengarang"
- kandungan="nama, e-mel@gmail.com"/>
<meta
- nama"robot"
- kandungan="indeks,ikut"/>
-
<meta nama="viewport" kandungan="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no ">
-
-
-
-
<meta nama="epal- mobile-web-app-title" kandungan="tajuk">
-
-
<meta nama="epal- mobile-web-app-capable" kandungan="ya"/>
-
-
-
<meta nama="epal- itunes-app" kandungan="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
-
-
<meta nama="epal- mobile-web-app-status-bar-style" kandungan="hitam"/>
-
-
<meta nama="format- pengesanan" kandungan="telphone=no, email=no"/>
-
-
-
<meta nama="penyampai" kandungan="webkit">
-
" " > -
" Kawalan Cache" kandungan="tiada aplikasi tapak" /> ;
-
-
<meta nama="Mesra Tangan" kandungan="benar">
-
<- meta nama="MobileOptimized" kandungan="320">
-
<- meta nama="skrin- orientasi" kandungan="potret">
-
<- meta nama="x5- orientasi" kandungan="potret">
-
<- meta nama="penuh- skrin" kandungan="ya">
-