HTML標簽之元信息類標簽

2024-04-27 15:12:38

字體：大中小

來源：轉載

供稿：網友

<head>標簽

<head>標簽是所有文檔元素的容器，它包含了文檔的全部信息。信息包括：<meta>-文檔元信息<title>-文檔標題，每個頁面以備的且每個文檔只能有一個標題。<base>-所有鏈接的默認地址<style><link><script><noscript>

<!DOCTYPE html><html lang="zh">  <head>    <meta charset="uft-8">    <title>文檔標題</title>    <!--<base href="xxx" target="_blank">    <link rel="stylesheet" src="xx.CSS">    <style>    </style>    <script src="js.js">    </script>-->  </head>  <body>  </body></html>注：建議將JS腳本放于</body>標簽前。將所有頁面加載完成后再運行js腳本。<meta>標簽
<meta>標簽定義元信息，包含頁面的描述、關鍵字、最后的修改日期、作者及其它元信息。元信息不會顯示在客戶端，會被瀏覽器解析，元信息會被瀏覽器、搜索引擎（關鍵字）、以及其它web服務調用。
常用屬性：charset-定義文檔的字符編碼，常用的是"utf-8"content-定義與name和http-equiv相關的元信息http-equiv--把content的內容關聯到HTTP頭部(content-type)name-關聯content的名稱（常用的有：keyowrd關鍵字、author作者名、discriptiont頁面描述）<!DOCTYPE html><html lang="zh">  <head>    <!--對于HTML4.1 <meta http-equiv="content-type" type="text/html" charset="utf-8">-->    <meta charset="utf-8">	<meta name="keyWord" content="html、css">	<meta http-equiv="discription" content="html and css and javascript“>	<meta http-equiv="author" content="tom">	<meta http-equiv="refresh" content="30">  <!-- 第隔30s自動刷新一次頁面 -->	<title>a標簽</title>  </head>  <body>    	主體內容	  </body></html>
注：在HTML5中有個新的"charset"屬性：對于HTML4.1： <meta http-equiv="content-type" type="text/html; charset=utf-8">HTML5簡為：<meta charset="utf-8"><base>標簽
<base>標簽定義頁面中所有相對鏈接的默認地址。如果使用了<base>標簽，則必需有href或target或兩者都有，<base>必需在<head>內部。<!DOCTYPE html><html>  <head>    <base href="http://www.runoob.com//images/" target="_blank">    <meta charset="utf-8">     <title>菜鳥教程(runoob.com)</title>  </head>  <body>    <p><img src="logo.png" > -注意這里我們設置了圖片的相對地址。能正常顯示是因為我們在 head 部分設置了 base 標簽，該標簽指定了頁面上所有鏈接的默認 URL，所以該圖片的訪問地址為 "http://www.runoob.com/images/logo.png"</p>    <p><a href="http://www.runoob.com/">runoob.com</a> - 注意這個鏈接會在新窗口打開，即便它沒有 target="_blank" 屬性。因為在 base 標簽里我們已經設置了 target 屬性的值為 "_blank"。</p>  </body></html>注：建議將<base>標簽放在<head>元素的第一個子元素位置，這樣<head>中的所有元素都可以使用<base>中的信息了。