HTML基礎之注釋和head标簽學習
時間：2021-06-10 作者：管理員(yuán) 點擊：499
我(wǒ)(wǒ)們詳細介紹一(yī)下(xià)HTML的head标簽。進入内容之前我(wǒ)(wǒ)們推薦一(yī)下(xià)Hbuilder這款開(kāi)發工(gōng)具，當然你使用記事本或者Notepad++都可以，推薦使用Hbuilder是因爲它可以快速的生(shēng)成HTML标準文檔結構,集成了很多方便的快捷鍵，是一(yī)款可以大(dà)大(dà)提高你前端開(kāi)發效率的工(gōng)具。有需要的朋友可以到官網下(xià)載，目前是Windows和Mac平台都有，我(wǒ)(wǒ)們作爲學習來說下(xià)載标準版就可以了。
HTML的head标簽和body是同一(yī)級别的标簽，<head> 标簽用于定義文檔的頭部，它是所有頭部元素的容器。<head> 中(zhōng)的元素可以引用腳本、指示浏覽器在哪裏找到樣式表、提供元信息等等。文檔的頭部描述了文檔的各種屬性和信息，包括文檔的标題、在 Web 中(zhōng)的位置以及和其他文檔的關系等。絕大(dà)多數文檔頭部包含的數據都不會真正作爲内容顯示給讀者。需要注意的是<head> 元素必須包含文檔的标題（title），可以包含腳本、樣式、meta 信息 以及其他更多的信息。
在這裏我(wǒ)(wǒ)們先講一(yī)下(xià)HTML注釋，通過如下(xià)語法向 HTML 源代碼添加注釋：
<!-- 在此處寫注釋 -->
在開(kāi)始标簽中(zhōng)有一(yī)個驚歎号，但是結束标簽中(zhōng)沒有，浏覽器不會顯示注釋，但是能夠幫助記錄你的 HTML 文檔，你可以利用注釋在 HTML 中(zhōng)放(fàng)置通知(zhī)和提醒信息。
接下(xià)來看幾個可用在 head 部分(fēn)的常用标簽：
網頁标題标簽，例:
<title>HTML學習</title> <!--網頁标題标簽:告訴浏覽器使用什麽标題顯示網頁，定義浏覽器工(gōng)具欄中(zhōng)的标題，提供頁面被添加到收藏夾時的标題，顯示在搜索引擎結果中(zhōng)的頁面标題-->
編碼格式标簽。例：
<meta charset="utf-8"/> <!--網頁解析編碼格式配置(HTML5):告訴浏覽器使用指定的編碼格式解析文檔-->
<meta http-equiv="content-type" content="text/html;charset=utf-8"/><!--HTML4:文檔編碼格式設置-->
網頁搜索優化标簽，<meta> 标簽提供了 HTML 文檔的元數據。元數據不會顯示在客戶端，但是會被浏覽器解析。META元素通常用于指定網頁的描述，關鍵詞，文件的最後修改時間，作者及其他元數據。元數據可以被使用浏覽器（如何顯示内容或重新加載頁面），搜索引擎（關鍵詞），或其他 Web 服務調用。例：
<meta name="keywords" content="HTML,STENG,索騰網絡,666"/><!--網頁關鍵字-->
<meta name="description" content="本網頁上是關于HTML的head标簽學習的,特别棒,666."/><!--網頁描述-->
<meta name="author" content="索騰網絡"/><!--網頁作者-->
<meta http-equiv="refresh" content="5;url="/><!--網頁自動跳轉-->以上内容寫在HTML文檔中(zhōng)效果：
以上爲<head> 區域内常用标簽，當然還有其他标簽，例如:css引入标簽和js引入标簽，這個我(wǒ)(wǒ)們後邊學習到CSS和JavaScript的時候再進行詳細講解。
