整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML頭部 <head>

          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


          主站蜘蛛池模板: 鲁丝片一区二区三区免费| 波多野结衣中文一区二区免费| 国产乱人伦精品一区二区在线观看| 男女久久久国产一区二区三区| 日本视频一区在线观看免费| 一区二区无码免费视频网站 | 日本丰满少妇一区二区三区| 一区二区三区高清视频在线观看 | 亚洲无人区一区二区三区| 亚洲一区二区三区在线| 国产精品一区二区AV麻豆 | 色妞AV永久一区二区国产AV| 人妻无码一区二区三区AV| 美日韩一区二区三区| 国产亚洲一区二区三区在线不卡| 无码国产精成人午夜视频一区二区 | A国产一区二区免费入口| 精品人妻码一区二区三区| 日本v片免费一区二区三区| 内射女校花一区二区三区| 国产伦精品一区二区三区女| 一区二区高清在线| 2021国产精品一区二区在线| 日韩A无码AV一区二区三区| 精品一区二区三区在线观看视频| 国内精品视频一区二区三区| 精品久久一区二区三区| 国产一区二区三区在线电影| 亚洲国产视频一区| 久久精品国产亚洲一区二区三区 | 亚洲一区二区三区在线播放 | 精品视频一区二区三区在线播放| 日本亚洲国产一区二区三区| 精品久久综合一区二区| 久久久久人妻一区精品性色av| 一区二区三区久久精品| 在线电影一区二区三区| 亚洲视频一区二区三区| 精品日产一区二区三区手机| 精品一区二区三区视频| 人妻精品无码一区二区三区|