meta標簽到底是做什么的，你真的了解嗎？
來源 | http://www.zhiqianduan.com
一、起因
二、head 標簽
三、title 標簽
1. dir 屬性
2. lang 屬性
四. meta 標簽
1. http-equiv 屬性
1）. content-type
content-type: text/html charset=utf8
2）. expires
用于設(shè)置瀏覽器的過期時間, 其實就是響應頭中的expires屬性。
<meta http-equiv="expires" content="31 Dec 2021">expires:31 Dec 2008
3）. refresh
該種設(shè)定表示5秒自動刷新并且跳轉(zhuǎn)到指定的網(wǎng)頁。如果不設(shè)置url的值那么瀏覽器則刷新本網(wǎng)頁。
<meta http-equiv="refresh" content="5 url=http://www.webqdkf.com">4）. window-target
強制頁面在當前窗口以獨立頁面顯示, 可以防止別人在框架中調(diào)用自己的頁面。
<meta http-equiv="window-target" content="_top'>5）. pragma
禁止瀏覽器從本地計算機的緩存中訪問頁面的內(nèi)容
<meta http-equiv="pragma" content="no-cache">2. name 屬性
name屬性主要用于描述網(wǎng)頁，與對應的content中的內(nèi)容主要是便于搜索引擎查找信息和分類信息用的, 用法與http-equiv相同，name設(shè)置屬性名，content設(shè)置屬性值。
1）. author
author用來標注網(wǎng)頁的作者
<meta name="author" content="[email protected]">2）. description
description用來告訴搜素引擎當前網(wǎng)頁的主要內(nèi)容，是關(guān)于網(wǎng)站的一段描述信息。
<meta name="description" content="這是我的HTML">3）. keywords
keywords設(shè)置網(wǎng)頁的關(guān)鍵字，來告訴瀏覽器關(guān)鍵字是什么。是一個經(jīng)常被用到的名稱。它為文檔定義了一組關(guān)鍵字。某些搜索引擎在遇到這些關(guān)鍵字時，會用這些關(guān)鍵字對文檔進行分類。
<meta name="keywords" content="Hello world">4）. generator
表示當前html是用什么工具編寫生成的，并沒有實際作用，一般是編輯器自動創(chuàng)建的。
<meta name="generator" content="vscode">5)、revised
指定頁面的最新版本
<meta name="revised" content="V2，2015/10/1">6)、 robots
告訴搜索引擎機器人抓取哪些頁面，all / none / index / noindex / follow / nofollow。
<meta name="robots" content="all">all：文件將被檢索，且頁面上的鏈接可以被查詢；none：文件將不被檢索，且頁面上的鏈接不可以被查詢；index：文件將被檢索；follow：頁面上的鏈接可以被查詢；noindex：文件將不被檢索，但頁面上的鏈接可以被查詢；nofollow：文件將不被檢索，頁面上的鏈接可以被查詢。
3. scheme 屬性
scheme 屬性用于指定要用來翻譯屬性值的方案。此方案應該在由 head 標簽的 profile 屬性指定的概況文件中進行了定義。
五、 base 標簽
base標簽定義了文檔的基礎(chǔ)url地址，在文檔中所有的相對地址形式的url都是相對于這里定義的url而言的。為頁面上的鏈接規(guī)定默認地址或目標。
base標簽包含的屬性。
1. href
href是必選屬性，指定了文檔的基礎(chǔ)url地址。例如，如果希望將文檔的基礎(chǔ)URL定義為https：//www.abc.com，則可以使用如下語句：<base >如果文檔的超鏈接指向welcom.html,則它實際上指向的是如下url地址：https://www.abc.com/welocme.html。
2.target
定義了當文檔中的鏈接點擊后的打開方式_blank，_self，_parrent，_top。
6. link 標簽
link用于引入外部樣式表，在html的頭部可以包含任意數(shù)量的link，link標簽有以下常用屬性。
1. type
定義包含的文檔類型，例如text/css
2. rel
定義html文檔和所要包含資源之間的鏈接關(guān)系，可能的值有很多，最為常用的是stylesheet，用于包含一個固定首選樣式的表單。
3. href
表示指向被包含資源的url地址。
7. style 標簽
編寫內(nèi)部樣式表的標簽。
8. script 標簽
加載JavaScript腳本的標簽。加載的腳本會被默認執(zhí)行。默認情況下當瀏覽器解析到script標簽的時候會停止html的解析而開始加載script代碼并且執(zhí)行。
<script src="script.js"></script>
1). type
指示腳本的MIME類型。<script type="text/JavaScript">。
2). async
規(guī)定異步執(zhí)行腳本，僅適用于通過src引入的外部腳本。設(shè)置的async屬性的script加載和執(zhí)行不會影響后面html的解析，加載及執(zhí)行是與文檔解析同時發(fā)生的。
<script async src="script.js"></script>3). charset
規(guī)定在外部腳本文件中使用的字符編碼。
4). defer
規(guī)定是否對腳本執(zhí)行進行延遲，直到頁面加載為止。設(shè)置了defer屬性的script不會阻止后面html的解析，加載與解析是共同進行的，但是script的執(zhí)行要在所有元素解析完成之后，DOMContentLoaded事件觸發(fā)之前完成。
<script defer src="myscript.js"></script>5). language
規(guī)定腳本語言，與``type```功能類似，不建議使用該字段。
6). src
外部腳本的地址。
9. bgsound
網(wǎng)站背景音樂。
<bgsound src="" autostart="" loop="">1). src
表示背景音樂的url值。
2). autostart
是否自動播放ture自動播放，false不播放，默認為false。
3). loop
是否重復播放，值為數(shù)字或者infinite，表示重復具體次或無限次。
本文完~
學習更多技能
請點擊下方公眾號
