整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
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)系。
