lt;title> - 定義了HTML文檔的標(biāo)題
使用 <title> 標(biāo)簽定義HTML文檔的標(biāo)題
<base> - 定義了所有鏈接的URL
使用 <base> 定義頁面中所有鏈接默認(rèn)的鏈接目標(biāo)地址。
<meta> - 提供了HTML文檔的meta標(biāo)記
使用 <meta> 元素來描述HTML文檔的描述,關(guān)鍵詞,作者,字符集等。
HTML <head> 元素
<head> 元素包含了所有的頭部標(biāo)簽元素。在 <head>元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。
可以添加在頭部區(qū)域的元素標(biāo)簽為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
HTML <title> 元素
<title> 標(biāo)簽定義了不同文檔的標(biāo)題。
<title> 在 HTML/XHTML 文檔中是必須的。
<title> 元素:
定義了瀏覽器工具欄的標(biāo)題
當(dāng)網(wǎng)頁添加到收藏夾時(shí),顯示在收藏夾中的標(biāo)題
顯示在搜索引擎結(jié)果頁面的標(biāo)題
一個(gè)簡單的 HTML 文檔:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>文檔標(biāo)題</title></head><body>文檔內(nèi)容......</body></html>
HTML <base> 元素
<base> 標(biāo)簽描述了基本的鏈接地址/鏈接目標(biāo),該標(biāo)簽作為HTML文檔中所有的鏈接標(biāo)簽的默認(rèn)鏈接:
<head>
<base target="_blank">
</head>
HTML <link> 元素
<link> 標(biāo)簽定義了文檔與外部資源之間的關(guān)系。
<link> 標(biāo)簽通常用于鏈接到樣式表:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
HTML <style> 元素
<style> 標(biāo)簽定義了HTML文檔的樣式文件引用地址.
在<style> 元素中你需要指定樣式文件來渲染HTML文檔:
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
HTML <meta> 元素
meta標(biāo)簽描述了一些基本的元數(shù)據(jù)。
<meta> 標(biāo)簽提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁面上,但會(huì)被瀏覽器解析。
META元素通常用于指定網(wǎng)頁的描述,關(guān)鍵詞,文件的最后修改時(shí)間,作者,和其他元數(shù)據(jù)。
元數(shù)據(jù)可以使用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關(guān)鍵詞),或其他Web服務(wù)。
<meta>一般放置于 <head>區(qū)域
<meta> 標(biāo)簽- 使用實(shí)例
為搜索引擎定義關(guān)鍵詞:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
為網(wǎng)頁定義描述內(nèi)容:
<meta name="description" content="Free Web tutorials on HTML and CSS">
定義網(wǎng)頁作者:
<meta name="author" content="Hege Refsnes">
每30秒中刷新當(dāng)前頁面:
<meta http-equiv="refresh" content="30">
HTML <script> 元素
<script>標(biāo)簽用于加載腳本文件,如: JavaScript。
<script> 元素在以下章節(jié)會(huì)詳細(xì)描述。
HTML head 元素
標(biāo)簽 | 描述 |
---|---|
<head> | 定義了文檔的信息 |
<title> | 定義了文檔的標(biāo)題 |
<base> | 定義了頁面鏈接標(biāo)簽的默認(rèn)鏈接地址 |
<link> | 定義了一個(gè)文檔和外部資源之間的關(guān)系 |
<meta> | 定義了HTML文檔中的元數(shù)據(jù) |
<script> | 定義了客戶端的腳本文件 |
<style> | 定義了HTML文檔的樣式文件 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
作為一個(gè)前端,經(jīng)常寫html文檔,但是卻很少去在意頭部的標(biāo)簽有哪些,也很少在意每個(gè)標(biāo)簽的作用,下面我們來詳細(xì)了解下。
頭部的標(biāo)簽,也就是寫在<head><head/>里。通常會(huì)有6個(gè)標(biāo)簽:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標(biāo)題</title>
<base href="http://www.baidu.com/images/" target="_blank">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style type="text/css">
body {font-size:16px}
p {color:blue}
</style>
<script> document.write("Hello World!") </script>
</head>
<body> 文檔內(nèi)容...... </body>
</html>
一、<title>元素。
1.title 標(biāo)簽定義了文檔的標(biāo)題,在HTML文檔中是必須的。它會(huì)展示在瀏覽器的工具欄上。
2.如果要展示一個(gè)圖標(biāo),可以再加一個(gè)<link>標(biāo)簽,<link>標(biāo)簽的 rel屬性為“icon”,后面的
href跟上圖片的地址。
<link rel="icon" href="圖片url">
二、<base>元素。
base標(biāo)簽描述了基本的鏈接地址,該標(biāo)簽作為HTML文檔中所有的鏈接的默認(rèn)鏈接
<head>
<base href="http://www.php.cn/tpl/Index/Static/img/" target="_blank" />
</head>
<body>
<img src="banner7.jpg"/>
</body>
上面的img標(biāo)簽的src鏈接的地址就是base里的地址加上img里的地址。
三、<link>元素。
link標(biāo)簽定義了文檔與外部資源之間的關(guān)系,它通常用于鏈接到樣式表。
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
四、<style>元素。
style標(biāo)簽定義了HTML文檔的樣式,這個(gè)我們經(jīng)常會(huì)使用到,都不會(huì)陌生。
五、<meta>元素。
meta標(biāo)簽提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁面上,但會(huì)被瀏覽器解析。它常用于指定網(wǎng)頁的描述,關(guān)鍵詞,文件的最后修改時(shí)間,作者,和其他元數(shù)據(jù)。
元數(shù)據(jù)可以使用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關(guān)鍵詞),或其他Web服務(wù)。
// 編碼格式定義
<meta charset="utf-8">
// 為搜索引擎定義關(guān)鍵詞:
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
// 為網(wǎng)頁定義描述內(nèi)容:
<meta name="description" content="頭部標(biāo)簽 & 使用">
// 定義網(wǎng)頁作者:
<meta name="author" content="Runoob">
// 每30秒鐘刷新當(dāng)前頁面:
<meta http-equiv="refresh" content="30">
// 視圖層的參數(shù)定義
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
// content屬性值 :
// width:可視區(qū)域的寬度,值可為數(shù)字或關(guān)鍵詞device-width
// height:同width
// intial-scale:頁面首次被顯示是可視區(qū)域的縮放級別,取值1.0則頁面按實(shí)際尺寸顯示,無任何縮放
// maximum-scale=1.0, minimum-scale=1.0;可視區(qū)域的縮放級別,
// maximum-scale用戶可將頁面放大的程序,1.0將禁止用戶放大到實(shí)際尺寸之上。
// user-scalable:是否可對頁面進(jìn)行縮放,no 禁止縮放
六、<script>元素。
script標(biāo)簽用于加載腳本文件,比如說javascript,可以直接書寫js,也能用于鏈接外部的js文件。
<script>
document.write("Hello World!")
</script>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
以為頭部區(qū)域填加的元素標(biāo)簽有<title><style><meta><link><script><noscript><base>
定義HTML文檔的標(biāo)題
<base>定義了所有鏈接的URL
<title>元素
定義不同文檔的標(biāo)題
在HTML中,是必須填寫
定義了瀏覽器工具欄的標(biāo)題,
當(dāng)網(wǎng)頁添加收藏夾時(shí),顯示在收藏夾中的標(biāo)題
顯示搜索引擎結(jié)果頁面的標(biāo)題
<link>元素
標(biāo)簽定義了文檔與外部資源之間的關(guān)系
標(biāo)簽通常用于鏈接到樣式表
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<base>
標(biāo)簽描述了基本的鏈接地址/鏈接目標(biāo),該標(biāo)簽作為HTML文檔中所有鏈接標(biāo)簽的默認(rèn)鏈接
<head>
<base target="_blank">
</head>
<style>
標(biāo)簽定義了HTML文檔樣式文件引用地址
也可以直接添加樣式渲染HTML文檔
<meta>
描述一些基本的元數(shù)據(jù)
提供了元數(shù)據(jù);元數(shù)據(jù)也不顯示在頁面上,但會(huì)被瀏覽器解析
META元素通常用于指定網(wǎng)頁的描述、關(guān)鍵詞、文檔的最后修改時(shí)間,作者和其它元數(shù)據(jù)
元數(shù)據(jù)可以使用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關(guān)鍵詞),或其它web服務(wù);
<meta>一般放置于<head>區(qū)域
HTML<script>元素
用于加載腳本文件,如JAVASCRIPT
*請認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。