第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

慕少3449830 · 更新于 2020-07-09

head 頭部

本章節(jié)講解 HTML 中的 head 標簽，以及 head 內(nèi)包含關(guān)于 HTTP 協(xié)議的標簽-meta。

<head> 定義文檔的頭部，它是所有頭部元素的容器。<head> 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。

head 標簽是 HTML 標準框架中的頭部分，前邊章節(jié)我們講到 HTML 的標準框架中提到 一個標準的 HTML 中包含 HTML標簽、head標簽、 body 標簽以及 w3c 文檔標準頭。所以說 head 標簽是必須的標簽，它本身沒有視覺展示效果，僅僅是作為容器標簽，其中可以包含的標簽包含：

  • base
  • link
  • meta
  • script
  • style
  • title

例如：

<html>
<head>
  <title>標題</title>
</head>
<body>
  內(nèi)容... ...
</body>
</html>

所有主流的瀏覽器都支持 head 標簽。

2. meta

2.1 meta標簽的作用

  • 優(yōu)化搜索引擎
  • 定義頁面使用語言
  • 控制頁面緩存
  • 網(wǎng)頁定義評價
  • 控制頁面顯示窗口
  • ……

例如

<meta name="keywords" content="HTML,PHP,SQL"> <!-- 定義文檔關(guān)鍵詞，用于爬蟲搜索引擎 -->
<meta http-equiv="charset" content="iso-8859-1"> <!-- 定義文檔的字符集 -->
<meta http-equiv="expires" content="31 Dec 2020"> <!-- 定義文檔的緩存過期時間 -->

2.2 meta 的屬性

  • name 描述網(wǎng)頁
  • content 方便搜索引擎查找和分類
  • http-equiv http文件頭設置

header 標簽定義文檔的頁眉，與 head 類似，它也是僅僅起到容器作用，不同的是 header 非網(wǎng)頁必須標簽，而且是 HTML5 的新增標準，放到 header 標簽的內(nèi)容大都是一些文檔的介紹信息，例如：

<header>
<h1>本章介紹HTML頭</h1>
</header>

3. 其他

head 內(nèi)還可以包括 link、script 等標簽，用于引用 css JavaScript 文件等作用，例如：

實例演示
預覽 復制
復制成功！
<head>
<link href='/css/1.css' type="text/css" /> <!-- 定義層疊樣式表 -->
<script src="/script/1.js" type='text/javascript'></script><!-- 定義JavaScript腳本 -->
</head>
運行案例 點擊 "運行案例" 可查看在線運行效果

在實際項目開發(fā)中，為了更好的擴展性和可維護性，一般會把 head 標簽以及其中的內(nèi)容放到一個全局 include 文件，因為這個文件一般改動不太頻繁且每個文件都必須引用，所以由框架在加載的時候自動引用，這樣的設計方式符合 MVC 以及面向?qū)ο箝_發(fā)的思想。

4. 小結(jié)

回顧本節(jié)，主要介紹了 HTML 中 head 標簽的語法和作用，以及其中包含的其他標簽元素的用法。