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

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

head 頭部

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

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

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

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

例如：

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

所有主流的瀏覽器都支持 head 標(biāo)簽。

2. meta

2.1 meta標(biāo)簽的作用

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

例如

<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"> <!-- 定義文檔的緩存過期時(shí)間 -->

2.2 meta 的屬性

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

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

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

3. 其他

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

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

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

4. 小結(jié)

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