整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
這一節中，我們要向大家詳細的講述頭部標簽的使用和作用，那么在這一節中，我們所有的標簽都存在于<head>與</head>之間，需要強調的是，<head>與</head>之間的內容不會再瀏覽器的窗口中顯示，但是它們也有這其本身重要的意義。下面我就給大家來介紹這些標記的作用，以及來展示一下這些標記所具有的效果！
首先是我們的標題標記<title>......</title>，中間的省略號處所寫的就是我們的標題，位于文檔的頭部，實例代碼如下
<html>
<head>
<title>我的第一個網頁</title>
</head>
<body text="blue">
<h2 align="center">網頁中的內容顯示</h2>
<hr>
<p>段落文字</p>
</body>
</html>
那么它的具體顯示效果在哪呢，看圖！
OK！這就是我們的標題標記！
接下來的是元信息標記<meta>，這個效果我們是看不見的，但是它的作用是非常強大的，用來定義頁面的信息，作者等。meta不需要設置結束標記，一個尖括號就是一個完整的內容，它可以設置頁面的關鍵字，關鍵字的作用就是為了讓搜索引擎更準確的去進行搜索從而找到自己想要的東西，而且我們可以設置多個關鍵字，關鍵字與關鍵字之間用逗號隔開。但是需要注意，這個不能無限多，無限多的話不僅僅網頁加載變慢，而且還不利于搜索引擎的尋找。設置關鍵字具體的語法為<meta name="keyname" content="具體的關鍵字">這其中，name為屬性名稱，設置為keyname就是來設置網頁關鍵字，而content則是用來定義具體的關鍵字的內容！實例如下：
<html>
<head>
<title>頁面關鍵字</title>
<meta name="keyname" content="html,元信息,關鍵字">
</head>
<body>
</body>
</html>
這個效果在這里我是無法為大家展示的，但是它的作用就是設定了html，元信息，關鍵字作為這個頁面的關鍵字！
OK，學會了這個，那么設置頁面的描述相信大家只需要知道語法就知道該如何用了，頁面的描述也是為了大家便于搜索引擎的查找，語法是這樣的<meta name="description" content="頁面的描述">
實例代碼如下：
<html>
<head>
<title>頁面描述</title>
<meta name="keyname" content="html,元信息,關鍵字">
<meta name="description" content="頁面的描述">
</head>
<body>
</body>
</html>
這里相對于上一個不僅有了關鍵字，還有了對這個網頁的描述！
下一個，我們來設定作者的信息，語法<meta name="auther" content="作者名字">實例代碼如下
<html>
<head>
<title>作者信息</title>
<meta name="keyname" content="html,元信息,關鍵字">
<meta name="description" content="頁面的描述">
<meta name="auther" content="臭臭">
</head>
<body>
</body>
</html>
這里，我們添加了“臭臭”為本網頁的作者！
限制搜索引擎的搜索方式，有些網頁內的內容我們不希望搜索引擎搜到，那么該如何做呢？語法如下<meta name="robots" content="搜索方式">，這里的搜索方式有以下5種：
all 表示能搜索當前網頁以及它鏈接的網頁
index 表示能搜索當前網頁
nofollow 表示不能搜索當前網頁鏈接的網頁
noindex 表示不能搜索當前網頁
none 表示不能搜索當前網頁以及它鏈接的網頁
實例代碼
<html>
<head>
<title>限制搜索方式</title>
<meta name="robots" content="index"></head>
<body>
</body>
</html>
下面的這個挺重要的，是用來設置網頁的文字語言！這樣瀏覽器才能正確的顯示出中文，否則便會出現一堆的亂碼，只需要添加一段這個代碼就可以使網頁顯示出正確的漢字！語法<netaq http-equiv="Content-Language" content=“語言”>這里給大家解釋一下，http-equiv用于傳送HTTP通信協議的標頭，那么簡體中文怎么設置呢？如下
<netaq http-equiv="Content-Language" content=“zh_CN”>
大家在瀏覽網頁的時候肯定經常看到過這樣一些界面，這是一個歡迎界面，經過一段時間后跳轉到另一個界面，那么這個是怎么實現的呢？這個就是網頁的跳轉功能，我們使用一個小代碼就能夠輕松實現！語法<meta http-equiv="refresh" content="跳轉時間;url=鏈接地址“>這里的refresh就是表示刷新網頁，后面則是設置刷新時間和刷新后的地址，時間和地址用;隔開，一般情況這個時間單位是秒！
實例代碼：
<html>
<head>
<title>頁面跳轉</title>
<meta http-equiv="refresh" content="3;url=http://www.baidu.com“>
</head>
<body>
您好，本頁在3秒之后將自動跳轉到百度首頁！
</body>
</html>
OK！運行這段代碼，打開下面所示：
在3秒之后，網頁自動跳轉到了百度一下，如圖！
OK，這些就是我們常用的一些頭部所放的標簽以及它們的作用！頭部我們就給大家講到這里，有過你有什么意見或者想法或疑問都可以在下方留言，我會盡快給出回復，謝謝大家的收看！
例
帶有項目和描述的描述列表：
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
瀏覽器支持
所有主流瀏覽器都支持 <dd> 標簽。
標簽定義及使用說明
<dd> 標簽被用來對一個描述列表中的項目/名字進行描述。
<dd> 標簽與 <dl> （定義一個描述列表）和 <dt> （定義項目/名字）一起使用。
在 <dd> 標簽內，您能放置段落、換行、圖片、鏈接、列表等等。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中，<dd> 標簽被用來描述一個定義列表中的條目。
在 HTML5 中，<dd> 標簽被用來描述一個描述列表的項目/名字。
全局屬性
<dd> 標簽支持 HTML 的全局屬性。
事件屬性
<dd> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
tml5你了解了多少？如果你還是入門階段的話，或者還是一知半解的話 ，那么我們專門為你們收集的html5常用的標簽大全對你就很有幫助了，你需要了解了html5有哪些標簽你才能夠更好的。駕馭html5這門火熱而又充滿神秘的語言技術。下面是一些常用的html5標簽。按字母順序排列的標簽列表
?4: 指示在 HTML 4.01 中定義了該元素
?5: 指示在 HTML 5 中定義了該元素
標簽 描述 4 5
<!--...--> 定義注釋。 4 5
<!DOCTYPE> 定義文檔類型。 4 5
<a> 定義超鏈接。 4 5
<abbr> 定義縮寫。 4 5
<acronym> HTML 5 中不支持。定義首字母縮寫。 4
<address> 定義地址元素。 4 5
<applet> HTML 5 中不支持。定義 applet。 4
<area> 定義圖像映射中的區域。 4 5
<article> 定義 article。 5
<time> 定義日期/時間。 5
<title> 定義文檔的標題。 4 5
<tr> 定義表格行。 4 5
<tt> HTML 5 中不支持。定義打字機文本。 4
<u> HTML 5 中不支持。定義下劃線文本。 4
<ul> 定義無序列表。 4 5
<var> 定義變量。 4 5
<video> 定義視頻。 5
<xmp> HTML 5 中不支持。定義預格式文本。 4
<aside> 定義頁面內容之外的內容。 5
<button> 定義按鈕。 4 5
<canvas> 定義圖形。 5
<caption> 定義表格標題。 4 5
<center> HTML 5 中不支持。定義居中的文本。 4
<cite> 定義引用。 4 5
<code> 定義計算機代碼文本。 4 5
<col> 定義表格列的屬性。 4 5
<colgroup> 定義表格列的分組。 4 5
<command> 定義命令按鈕。 5
<audio> 定義聲音內容。 5
<b> 定義粗體文本。 4 5
<base> 定義頁面中所有鏈接的基準 URL。 4 5
<basefont> HTML 5 中不支持。請使用 CSS 代替。 4
<bdo> 定義文本顯示的方向。 4 5
<big> HTML 5 中不支持。定義大號文本。 4
<blockquote> 定義長的引用。 4 5
<body> 定義 body 元素。 4 5
<br> 插入換行符。 4 5
<datalist> 定義下拉列表。 5
<dd> 定義定義的描述。 4 5
<form> 定義表單。 4 5
<frame> HTML 5 中不支持。定義子窗口（框架）。 4
<frameset> HTML 5 中不支持。定義框架的集。 4
<h1> to <h6> 定義標題 1 到標題 6。 4 5
<head> 定義關于文檔的信息。 4 5
<header> 定義 section 或 page 的頁眉。 5
<hgroup> 定義有關文檔中的 section 的信息。 5
<hr> 定義水平線。 4 5
<del> 定義刪除文本。 4 5
<details> 定義元素的細節。 5
<dfn> 定義定義項目。 4 5
<dir> HTML 5 中不支持。定義目錄列表。 4
<iframe> 定義行內的子窗口（框架）。 4 5
<img> 定義圖像。 4 5
<input> 定義輸入域。 4 5
<ins> 定義插入文本。 4 5
<keygen> 定義生成密鑰。 5
<isindex> HTML 5 中不支持。定義單行的輸入域。 4
<kbd> 定義鍵盤文本。 4 5
<label> 定義表單控件的標注。 4 5
<legend> 定義 fieldset 中的標題。 4 5
<div> 定義文檔中的一個部分。 4 5
<dl> 定義定義列表。 4 5
<dt> 定義定義的項目。 4 5
<em> 定義強調文本。 4 5
<embed> 定義外部交互內容或插件。 5
<fieldset> 定義 fieldset。 4 5
<figcaption> 定義 figure 元素的標題。 5
<figure> 定義媒介內容的分組，以及它們的標題。 5
<font> HTML 5 中不支持。 4
<footer> 定義 section 或 page 的頁腳。 5
<html> 定義 html 文檔。 4 5
<i> 定義斜體文本。 4 5
<li> 定義列表的項目。 4 5
<link> 定義資源引用。 4 5
<map> 定義圖像映射。 4 5
<mark> 定義有記號的文本。 5
<menu> 定義菜單列表。 4 5
<meta> 定義元信息。 4 5
<meter> 定義預定義范圍內的度量。 5
<nav> 定義導航鏈接。 5
<noframes> HTML 5 中不支持。定義 noframe 部分。 4
<noscript> 定義 noscript 部分。 4 5
<object> 定義嵌入對象。 4 5
<ol> 定義有序列表。 4 5
<optgroup> 定義選項組。 4 5
<option> 定義下拉列表中的選項。 4 5
<output> 定義輸出的一些類型。 5
<p> 定義段落。 4 5
<param> 為對象定義參數。 4 5
<pre> 定義預格式化文本。 4 5
<progress> 定義任何類型的任務的進度。 5
<q> 定義短的引用。 4 5
<rp> 定義若瀏覽器不支持 ruby 元素顯示的內容。 5
<rt> 定義 ruby 注釋的解釋。 5
<ruby> 定義 ruby 注釋。 5
<s> HTML 5 中不支持。定義加刪除線的文本。 4
<samp> 定義樣本計算機代碼。 4 5
<script> 定義腳本。 4 5
<section> 定義 section。 5
<select> 定義可選列表。 4 5
<small> 定義小號文本。 4 5
<source> 定義媒介源。 5
<span> 定義文檔中的 section。 4 5
<strike> HTML 5 中不支持。定義加刪除線的文本。 4
<strong> 定義強調文本。 4 5
<style> 定義樣式定義。 4 5
<sub> 定義下標文本。 4 5
<summary> 定義 details 元素的標題。 5
<sup> 定義上標文本。 4 5
<table> 定義表格。 4 5
<tbody> 定義表格的主體。 4 5
<td> 定義表格單元。 4 5
<textarea> 定義 textarea。 4 5
<tfoot> 定義表格的腳注。 4 5
<th> 定義表頭。 4 5
<thead> 定義表頭。 4 5
文/丁向明
做一個有博客的web前端自媒體人，專注web前端開發，關注用戶體驗，加我qq/微信交流：6135833
http://dingxiangming.com
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
