成人性生交大片免费看视频r_亚洲综合极品香蕉久久网_在线视频免费观看一区_亚洲精品亚洲人成人网在线播放_国产精品毛片av_久久久久国产精品www_亚洲国产一区二区三区在线播_日韩一区二区三区四区区区_亚洲精品国产无套在线观_国产免费www

主頁 > 知識庫 > 實例講解HTML5的meta標簽的一些應用

實例講解HTML5的meta標簽的一些應用

熱門標簽:外呼線穩(wěn)定線路 邢臺縣地圖標注app 阜陽企業(yè)外呼系統(tǒng) 呼和浩特外呼電銷系統(tǒng)排名 外呼系統(tǒng)電話怎么投訴 申請400電話流程簡介 地圖標注位置能賺錢嗎 南通數據外呼系統(tǒng)推廣 pageadm實現地圖標注

HTML 4.01 與 HTML 5 之間meta標簽用法的主要差異:

在 HTML 5 中,不再支持 scheme 屬性。

在 HTML 5 中,有一個新的 charset 屬性,它使字符集的定義更加容易。

在 HTML 4.01 中,不得不這么寫:

XML/HTML Code復制內容到剪貼板
  1. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  

在 HTML 5 中,這樣就夠了:

XML/HTML Code復制內容到剪貼板
  1. <meta charset="ISO-8859-1">  

例子

定義針對搜索引擎的關鍵詞:

XML/HTML Code復制內容到剪貼板
  1. <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />  

定義對頁面的描述:

XML/HTML Code復制內容到剪貼板
  1. <meta name="description" content="免費的 web 技術教程。" />  

定義頁面的最新版本:

XML/HTML Code復制內容到剪貼板
  1. <meta name="revised" content="David, 2008/8/8/" />  

每 5 秒刷新一次頁面:

XML/HTML Code復制內容到剪貼板
  1. <meta http-equiv="refresh" content="5" />  

屬性

標準屬性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title如需完整的描述,請訪問 HTML 5 中標準屬性。

事件屬性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload如需完整的描述,請訪問 HTML 5 中事件屬性。

 實例

文檔描述

XML/HTML Code復制內容到剪貼板
  1. <html>  
  2. <head>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  4. <meta name="author" content="w3school.com.cn">  
  5. <meta name="revised" content="David Yang,8/1/07">  
  6. <meta name="generator" content="Dreamweaver 8.0en">  
  7. </head>  
  8. <body>  
  9. <p>本文檔的 meta 屬性標識了創(chuàng)作者和編輯軟件。</p>  
  10. </body>  
  11. </html>  

Meta 元素中的信息可以描述 HTML 文檔。

文檔關鍵字

XML/HTML Code復制內容到剪貼板
  1. <html>  
  2. <head>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  4. <meta name="description" content="HTML examples">  
  5. <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">  
  6. </head>  
  7. <body>  
  8. <p>本文檔的 meta 屬性描述了該文檔和它的關鍵詞。</p>  
  9. </body>  
  10. </html>  

Meta 元素中的信息可以描述文檔的關鍵詞。

重定向

XML/HTML Code復制內容到剪貼板
  1. <html>  
  2. <head>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  4. <meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn">  
  5. </head>  
  6. <body>  
  7. <p>  
  8. 對不起。我們已經搬家了。您的 URL 是 <a href="http://www.w3school.com.cn"> http://www.w3school.com.cn </a>  
  9. </p>  
  10. <p>您將在 5 秒內被重定向到新的地址。</p>  
  11. <p>如果超過 5 秒后您仍然看到本消息,請點擊上面的的鏈接。</p>  
  12. </body>  
  13. </html>  

這個例子演示:在網址已經變更的情況下,將用戶重定向到另外一個地址。

移動前端開發(fā)中添加一些webkit專屬的HTML5頭部標簽,幫助瀏覽器更好解析html代碼,更好地將移動web前端頁面表現出來。本文整理一些常用的meta標簽。

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html> <!-- 使用 HTML5 doctype,不區(qū)分大小寫 -->  
  2. <html lang="zh-cmn-Hans"> <!-- 更加標準的 lang 屬性寫法 http://zhi.hu/XyIa -->  
  3. <head>  
  4.     <!-- 聲明文檔使用的字符編碼 -->  
  5.     <meta charset='utf-8'>  
  6.     <!-- 優(yōu)先使用 IE 最新版本和 Chrome -->  
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>  
  8.     <!-- 頁面描述 -->  
  9.     <meta name="description" content="不超過150個字符"/>  
  10.     <!-- 頁面關鍵詞 -->  
  11.     <meta name="keywords" content=""/>  
  12.     <!-- 網頁作者 -->  
  13.     <meta name="author" content="name, email@gmail.com"/>  
  14.     <!-- 搜索引擎抓取 -->  
  15.     <meta name="robots" content="index,follow"/>  
  16.     <!-- 為移動設備添加 viewport -->  
  17.     <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">  
  18.     <!-- `width=device-width` 會導致 iPhone 5 添加到主屏后以 WebApp 全屏模式打開頁面時出現黑邊 http://bigc.at/ios-webapp-viewport-meta.orz -->  
  19.     
  20.     <!-- iOS 設備 begin -->  
  21.     <meta name="apple-mobile-web-app-title" content="標題">  
  22.     <!-- 添加到主屏后的標題(iOS 6 新增) -->  
  23.     <meta name="apple-mobile-web-app-capable" content="yes"/>  
  24.     <!-- 是否啟用 WebApp 全屏模式,刪除蘋果默認的工具欄和菜單欄 -->  
  25.     
  26.     <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">  
  27.     <!-- 添加智能 App 廣告條 Smart App Banner(iOS 6+ Safari) -->  
  28.     <meta name="apple-mobile-web-app-status-bar-style" content="black"/>  
  29.     <!-- 設置蘋果工具欄顏色 -->  
  30.     <meta name="format-detection" content="telphone=no, email=no"/>  
  31.     <!-- 忽略頁面中的數字識別為電話,忽略email識別 -->  
  32.     <!-- 啟用360瀏覽器的極速模式(webkit) -->  
  33.     <meta name="renderer" content="webkit">  
  34.     <!-- 避免IE使用兼容模式 -->  
  35.     <meta http-equiv="X-UA-Compatible" content="IE=edge">  
  36.     <!-- 不讓百度轉碼 -->  
  37.     <meta http-equiv="Cache-Control" content="no-siteapp" />  
  38.     <!-- 針對手持設備優(yōu)化,主要是針對一些老的不識別viewport的瀏覽器,比如黑莓 -->  
  39.     <meta name="HandheldFriendly" content="true">  
  40.     <!-- 微軟的老式瀏覽器 -->  
  41.     <meta name="MobileOptimized" content="320">  
  42.     <!-- uc強制豎屏 -->  
  43.     <meta name="screen-orientation" content="portrait">  
  44.     <!-- QQ強制豎屏 -->  
  45.     <meta name="x5-orientation" content="portrait">  
  46.     <!-- UC強制全屏 -->  
  47.     <meta name="full-screen" content="yes">  
  48.     <!-- QQ強制全屏 -->  
  49.     <meta name="x5-fullscreen" content="true">  
  50.     <!-- UC應用模式 -->  
  51.     <meta name="browsermode" content="application">  
  52.     <!-- QQ應用模式 -->  
  53.     <meta name="x5-page-mode" content="app">  
  54.     <!-- windows phone 點擊無高光 -->  
  55.     <meta name="msapplication-tap-highlight" content="no">  
  56.     <!-- iOS 圖標 begin -->  
  57.     <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>  
  58.     <!-- iPhone 和 iTouch,默認 57x57 像素,必須有 -->  
  59.     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>  
  60.     <!-- Retina iPhone 和 Retina iTouch,114x114 像素,可以沒有,但推薦有 -->  
  61.     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>  
  62.     <!-- Retina iPad,144x144 像素,可以沒有,但推薦有 -->  
  63.     <!-- iOS 圖標 end -->  
  64.     
  65.     <!-- iOS 啟動畫面 begin -->  
  66.     <link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png"/>  
  67.     <!-- iPad 豎屏 768 x 1004(標準分辨率) -->  
  68.     <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png"/>  
  69.     <!-- iPad 豎屏 1536x2008(Retina) -->  
  70.     <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png"/>  
  71.     <!-- iPad 橫屏 1024x748(標準分辨率) -->  
  72.     <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png"/>  
  73.     <!-- iPad 橫屏 2048x1496(Retina) -->  
  74.     
  75.     <link rel="apple-touch-startup-image" href="/splash-screen-320x480.png"/>  
  76.     <!-- iPhone/iPod Touch 豎屏 320x480 (標準分辨率) -->  
  77.     <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png"/>  
  78.     <!-- iPhone/iPod Touch 豎屏 640x960 (Retina) -->  
  79.     <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png"/>  
  80.     <!-- iPhone 5/iPod Touch 5 豎屏 640x1136 (Retina) -->  
  81.     <!-- iOS 啟動畫面 end -->  
  82.     
  83.     <!-- iOS 設備 end -->  
  84.     <meta name="msapplication-TileColor" content="#000"/>  
  85.     <!-- Windows 8 磁貼顏色 -->  
  86.     <meta name="msapplication-TileImage" content="icon.png"/>  
  87.     <!-- Windows 8 磁貼圖標 -->  
  88.     
  89.     <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>  
  90.     <!-- 添加 RSS 訂閱 -->  
  91.     <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>  
  92.     <!-- 添加 favicon icon -->  
  93.   
  94.     <!-- sns 社交標簽 begin -->  
  95.     <!-- 參考微博API -->  
  96.     <meta property="og:type" content="類型" />  
  97.     <meta property="og:url" content="URL地址" />  
  98.     <meta property="og:title" content="標題" />  
  99.     <meta property="og:image" content="圖片" />  
  100.     <meta property="og:description" content="描述" />  
  101.     <!-- sns 社交標簽 end -->  
  102.     
  103.     <title>標題</title>  
  104. </head>  

標簽:蚌埠 黃山 鶴崗 德州 楊凌 撫順 辛集 內蒙古

巨人網絡通訊聲明:本文標題《實例講解HTML5的meta標簽的一些應用》,本文關鍵詞  實例,講解,HTML5,的,meta,標簽,;如發(fā)現本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《實例講解HTML5的meta標簽的一些應用》相關的同類信息!
  • 本頁收集關于實例講解HTML5的meta標簽的一些應用的相關信息資訊供網民參考!
  • 推薦文章
    日本成人三级电影网站| 最好看的2019年中文视频| 亚洲永久激情精品| 一级全黄裸体片| 日韩黄色动漫| 久久久久久9999| 最近免费中文字幕视频2019| 99久热re在线精品996热视频| 亚洲精品一区二区三区福利| 91九色视频在线观看| 久久久久亚洲av无码专区首jn| 亚洲国产你懂的| 亚洲人成电影网站色mp4| 毛片网站大全| 亚洲欧美一二三| 污污在线观看| 欧美一区二区在线看| 免费**毛片在线| 精品国产乱码久久久久久久| 国产成人99久久亚洲综合精品| 亚洲成人在线电影| 日本在线视频观看| 中文字幕精品无| 日本色七七影院| 极品尤物一区二区| 激情视频小说图片| 国产亚洲成av人片在线观看| 色黄网站在线观看| 97在线播放免费观看| 精品国产999久久久免费| 超碰在线人人干| 羞羞网站在线观看| 国产伦精品一区三区精东| 伦理一区二区三区| 91蝌蚪porny九色| 精品视频一区二区三区四区五区| 91超碰在线观看| 日本美女一区二区三区视频| 一区二区视频观看| 亚洲黄色在线| 亚洲男人的天堂av| 伊人影院蕉久影院在线播放| 亚洲va欧美va天堂v国产综合| 国产91成人在在线播放| 影视一区二区| 黑人精品xxx一区一二区| 少妇精品无码一区二区三区| 真人bbbbbbbbb毛片| 护士精品一区二区三区| 精品久久久久久久大神国产| 亚洲开发第一视频在线播放| 538任你躁在线精品视频网站| 99精产国品一二三产品香蕉| 亚洲精品中文字幕无码蜜桃| 国产成人三级视频| 一区二区高清免费观看影视大全| 久久99精品久久久久久野外| 人妻少妇精品视频一区二区三区| 中文字幕在线成人| 男男互摸gay网站| 国产亚洲电影| 男人天堂视频在线观看| 蜜桃久久av| 波多野结衣毛片| 国产在线中文字幕| 久久亚洲综合色一区二区三区| 日韩美女在线看| 久久精品中文字幕一区二区三区| 菠萝蜜视频网站入口| 少妇愉情理伦片bd| 欧美变态tickle挠乳网站| 国产一二三四在线视频| 国产亚洲精品熟女国产成人| 欧美激情一区在线| 中文字幕在线观看一区二区| 亚洲一区二区三区日韩| 三年片观看免费观看大全视频下载| 中文字幕视频精品一区二区三区| caoporn视频在线观看| 国产精品国产自产拍高清av王其| 国产精品综合在线| 久久久国产一区二区三区四区小说| 国产精品免费视频一区二区| 亚洲欧美日韩中文视频| 国产精品免费人成网站酒店| 成人一区而且| 亚洲综合视频在线播放| a视频在线免费看| 久操视频在线免费观看| 精品视频在线导航| 男女视频网站| 亚洲精品成人在线| 久久精品无码中文字幕| 日韩成人在线视频网站| 国产视频911| 日本国产在线观看| 国产精品第五页| 国产精品久久久久久久久夜色| 在线观看视频一区二区欧美日韩| 国产午夜精品理论片在线| 日韩一区二区不卡视频| 自拍亚洲色图| 亚洲大片在线观看| 日韩一区二区精品视频| 久久99久久久| 色屁屁一区二区| 欧洲乱码伦视频免费| 久久亚洲一区二区三区明星换脸| 日韩一区二区电影网| 国产欧美中文在线| 久久综合色天天久久综合图片| 免费在线观看视频| 国产呦系列欧美呦日韩呦| 女人色在线免费视频| 亚洲小说区图片| 国产视频精品va久久久久久| 欧美黄在线观看| 日韩和的一区二区| 91吃瓜网在线观看| 北京富婆泄欲对白| 91久久国产婷婷一区二区| 国产精品久久久久久久久久久不卡| 国产经典久久久| 亚洲高清免费观看高清完整版| 男人的天堂亚洲在线| 成人亚洲精品777777大片| 韩国成人二区| 亚洲丰满少妇videoshd| 久久精品不卡| 伊人伊成久久人综合网小说| 99精品国产99久久久久久福利| 91超碰caoporn97人人| 欧美极品另类videosde| 亚洲一区在线视频| 欧美疯狂xxxx大交乱88av| 国产欧美一区二区色老头| 草草久久久无码国产专区| 久久综合伊人77777麻豆| 国产在线观看免费| 日韩亚洲欧美在线| 国产精品久久久久影院| 337p粉嫩大胆噜噜噜鲁| 日韩精品亚洲专区在线观看| 四虎精品在线| 亚洲国产福利视频| 亚洲最大成人网4388xx| 天天操天天干天天爱| 在线观看中文字幕不卡| www.中文字幕| 欧美精品久久久久久久免费| www.日韩视频| 中文字幕在线观看免费视频| 日韩码欧中文字| 亚洲国产精品第一页| 91免费视频国产| 夜夜爽8888| 日韩人体视频一二区| 午夜在线a亚洲v天堂网2018| 日本在线观看大片免费视频| 99国产精品欲| 午夜两性免费视频| 亚洲性视频大全| 免费国产成人av| 91精品欧美福利在线观看| 亚洲一二三四视频| 欧美大黑bbbbbbbbb在线| 国产一区二区三区奇米久涩| 色91精品久久久久久久久| av免费在线免费| 51精品国产人成在线观看| 亚洲男人的天堂在线播放| 国产黄色片在线播放| 成人午夜剧场免费观看完整版| 国产欧美韩日| 日韩精品黄色网| 国产精品蜜臀在线观看| 精品91自产拍在线观看一区| 国产亚洲在线播放| 日韩最新免费不卡| 噜噜噜在线观看播放视频| 色网视频在线| 成年人小视频网站| 国产在线资源一区| 国产成人精品亚洲午夜麻豆| 久久久亚洲人| 成人三级视频在线观看一区二区| 亚洲三级在线看| 国产欧美在线观看免费| 四虎成人免费影院| 精品久久久久久久中文字幕| 麻豆国产精品一区| 亚洲第一网中文字幕| 国产欧美日韩一区二区三区在线观看| 日韩精品一区二区三区在线播放| 精品噜噜噜噜久久久久久久久试看| 欧美日本精品在线| 午夜精品影院| 深夜福利网站在线观看| 国产福利视频网站| 国产精品第157页| 亚洲欧美成人在线| 国产精品视频一区二区三区,| 日本熟女一区二区| 日韩欧美中文字幕制服| 亚洲欧美视频在线观看视频| 日本一本二本在线观看| 三级在线播放| 欧美日韩国产在线播放网站| 久草福利在线| 精品国产免费第一区二区| 欧美日韩精品一二三区| 欧美一级淫片免费视频魅影视频| 日韩欧美一区二区三区久久婷婷| 伊甸园亚洲一区| 三级黄色录像视频| 亚洲第一成人在线| 天堂av中文在线资源库| 欧美 日韩 国产 一区二区三区| 中文字幕第80页| 亚洲精品成av人片天堂无码| 在线观看岛国片| 日韩精品免费一区| www.91popny.com| 亚洲综合色视频在线观看| 在线播放黄色av| 亚洲日本视频在线| 精品三级在线观看| 精品无码三级在线观看视频| h视频网站在线观看| 欧美xxxx三人交性视频| caoporm在线视频| 国产精品乱子乱xxxx| 这里只有精品电影| 亚洲福利av在线| 亚州av综合色区无码一区| 伊人22222| 久久99久久99精品中文字幕| 三级黄色小视频| 欧美人体视频| 国产极品在线播放| 99riav视频一区二区| 一区二区视频在线免费观看| 欧美精品日韩少妇| 黄色网免费看| 国产在线观看福利| 亚洲在线观看av| 免费av中文字幕| 国产精品久久久久久一区二区三区| igao视频网在线视频| 91sao在线观看国产| 欧美1区2区3区4区| 日本一二三不卡| 国产精品欧美综合在线| 国内精品久久久久影院 日本资源| 色一情一乱一乱一区91av| 久久精品一区蜜桃臀影院| 在线精品观看国产| 国产免费内射又粗又爽密桃视频| 国产精品久久毛片av大全日韩| 大荫蒂性生交片| 成人在线视频一区二区| 大陆极品少妇内射aaaaa| 国产视频一二| 少妇黄色一级片| 国产91在线免费观看| 中文字幕有码在线| 亚洲国产裸拍裸体视频在线观看乱了| 蜜臀久久99精品久久久酒店新书| 麻豆视频免费在线观看| 成人精品视频一区二区三区尤物| 久久国产三级精品| 91精品国产乱码久久久张津瑜| 日韩 国产 欧美| 日本精品久久久| 中文一区二区| 亚洲天堂av电影| 国产精品视频500部| 日韩国产精品91| wwwwww国产| 粉嫩av懂色av蜜臀av分享| 谁有免费的黄色网址| 久久久久亚洲av无码专区体验| 麻豆视频免费在线观看| 国产精品自产拍高潮在线观看| www.com国产| 中文字幕免费高清| 国产ts在线播放| 国产午夜精品一区二区三区视频| 97成人精品视频在线观看| 538任你躁在线精品视频网站| 91香蕉在线观看| 91视频一区二区三区| 性高爱久久久久久久久| 美女黄视频在线播放| 久久久久久久久四区三区| 欧美日韩免费观看一区三区| 亚洲精品成人影院| 91精品一区国产高清在线gif| 中文幕av一区二区三区佐山爱| 天天干天天爱天天操| 任我爽精品视频在线播放| 亚洲永久一区二区三区在线| 午夜伦理大片视频在线观看| 在线观看欧美黄色| 青青草国产成人久久91网| 亚洲福利久久| 国产91精品网站| 中文字幕色站| 99re热这里只有精品免费视频| 国产视频在线播放| 黄色av一区| 国产精品x8x8一区二区| 一个色在线综合| 波多野在线观看| www.国产成人| 久久riav| www.亚洲资源| 黄色片在线免费看| 国产精品久久久久国产精品日日| 欧美精品国产一区二区| 青青草手机视频在线观看| 久久久久福利视频| 日本www.色| 国产吧在线视频| 日韩电影免费在线观看网站| 欧美日韩免费观看一区三区| 国产精品免费久久| 69堂亚洲精品首页|