meta元素有4個屬性:name、http-equiv、content、charset.meta標(biāo)簽通過name屬性來表述頁面文檔的元信息,通過http-equiv屬性設(shè)置http請求指令,通過charset設(shè)置頁面的字符編碼。按照屬性設(shè)置分類,meta可以分為三類:
創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的市中網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
name屬性和content屬性組合,構(gòu)成名稱/值對,用于描述網(wǎng)站信息.
標(biāo)準(zhǔn)的meta名稱包括application-name、author、description、generator等。 示例代碼:
<meta name="keywords" content="british,typeface,font,fonts"/>
其中keywords和description這兩個名稱的使用率最高,是搜索引擎優(yōu)化的主要手段之一,推薦讀者使用。
http-equiv屬性和content屬性組合,設(shè)置特定的http指令;
其中content-type、default-style和refresh已經(jīng)確定,content-language和set-cookie還未正式確定.
此類型meta應(yīng)該謹慎使用。不推薦使用<meta http-equiv="refresh" content="300"/>,某些搜索引擎遇到此meta時會停止解析 頁面剩余的部分。<meta http-equiv="default-style">在實際的場景中很少使用
charset屬性,設(shè)置頁面字符編碼。
此屬性提供了保存和傳輸文檔的編碼格式。
<meta charset="utf-8">
等價于
<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>
但是第一種形式更簡潔好記,并且得到了所有主流瀏覽器的支持,所有不存在瀏覽器兼容問題。為 了讓瀏覽器能準(zhǔn)確識別編碼格式,務(wù)必在<title>標(biāo)簽之前設(shè)置charset,保證標(biāo)題能正確顯示。
除了W3C定義的規(guī)范中定義的這些meta之外,還有大量的自定義meta類型。這些meta類型主要是由互聯(lián)網(wǎng)公司或者瀏覽器廠商為了實現(xiàn)特定的功能而定制的。這些自定義的meta不能通過W3C提供的標(biāo)準(zhǔn)校驗,但并不是說這些meta不標(biāo)準(zhǔn)。介紹一些常用的meta
設(shè)置IE瀏覽器的兼容模式
從IE8瀏覽器開始支持一種設(shè)置頁面兼容模式的meta類型,示例代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
專門建立的學(xué)習(xí)Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學(xué)習(xí)方法和需要注意的小細節(jié),互相交流學(xué)習(xí),不停更新最新的教程和學(xué)習(xí)技巧(從零基礎(chǔ)開始到WEB前端項目實戰(zhàn)教程,學(xué)習(xí)工具,全棧開發(fā)學(xué)習(xí)路線以及規(guī)劃)
根據(jù)html規(guī)范,瀏覽器是按照頁面開頭定義的文檔類型來解析頁面的。例如,使用html5的文檔類型聲明:
<!DOCTYPE html>
IE就會以標(biāo)準(zhǔn)模式解析HTML文檔。但是某些已有頁面由于各種原因不能在最新標(biāo)準(zhǔn)模式下正確顯示,只支持特定的標(biāo)準(zhǔn)。針對這種情況,IE瀏覽器提供了一種兼容的方案,通過設(shè)置X-UA-Compatible指定頁面在IE瀏覽器中渲染時執(zhí)行的標(biāo)準(zhǔn)。
此外還有一種很常見的設(shè)置值,即:
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
IE定義的meta為什么會出現(xiàn)chrome呢?其實設(shè)置為chrome=1時,則會在IE9及以下瀏覽器中激活Chrome Frame,強制IE使用Chrome Frame渲染頁面。
分享題目:web前端入門到實戰(zhàn):Html頭部meta標(biāo)簽
網(wǎng)址分享:http://chinadenli.net/article48/ppgpep.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護、用戶體驗、、網(wǎng)頁設(shè)計公司、App設(shè)計、ChatGPT
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)