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