1. 程式人生 > >博客第一彈—聊聊HTML裏的head部分

博客第一彈—聊聊HTML裏的head部分

有助於 設置 標簽設置 詳細信息 網頁 tle ref 分享 gb2

HTML(HyperText Markup Language),即超文本標記語言。它的結構包括head部分和body部分,其中head部分用於描述網頁的一些關鍵信息,這些信息本身不作為內容來顯示,但對網頁的解析和顯示至關重要,比如網頁的標題、鏈接、元數據等。


1:<title></title>網頁的標題,顯示在瀏覽器選項卡上面的文字。

實例:<title>這是我的第一個網頁</title>

技術分享

2:<link> 標簽定義文檔與外部資源的關系,常見的用途是鏈接樣式表。

實例:<link rel="stylesheet" type="text/css" href="theme.css" />

還可以用於鏈接網頁的小圖標。

實例:<link rel="icon" href="img/001.jpg"/>

其中rel="icon"表示當前link的作用,是鏈接網頁圖標;

href="img/001.jpg" 是圖標地址。

3:<mate>定義文檔中的元數據。

實例:<mate charset="utf-8">表示編碼格式為萬國碼 。

常見的中文編碼格式:

GB2312:國標碼,簡體中文;

GBK:擴展的國標碼,簡體中文;

UTF-8:兼容各種語言編碼,常用!

實例:<mate name="keywords" content="HTML,head,元數據"/>

設置網頁關鍵字,有助於搜索引擎搜索。

name="keywords"表示這個meta標簽設置的是網頁的關鍵字;

content=""表示關鍵字的詳細信息,用英文逗號分開。

實例:<mate name="description" content="這是我開發的第一個網頁">

設置網頁的描述信息,搜索引擎搜索時,標題下面的一段文字。

name="description" 表示這個meta標簽設置的是網頁的描述信息;

content=""表示描述信息的詳細內容。

PS:head部分還包括<base>、<script>、<style>等。

博客第一彈—聊聊HTML裏的head部分