都可以放什么,什么作用?


 HTML <head></head>頭部元素包含關於文檔的概要信息,也被稱為元信息(meta-information)。 
<head></head>元素包含了所有的頭部標簽元素。在 <head>元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種 meta 信息。
可以添加在頭部區域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
<head></head>元素描述了文檔的各種屬性和信息,其中包括文檔的標題、在 Web 中的位置以及和其他文檔的關系等。 
一、 HTML <title> 元素
<title> 標簽定義了不同文檔的標題。
<title> 在 HTML/XHTML 文檔中是必須的。
<title> 元素:
  定義了瀏覽器工具欄的標題
  當網頁添加到收藏夾時,顯示在收藏夾中的標題
  顯示在搜索引擎結果頁面的標題
二、HTML<base>元素
<base>元素描述了基本的鏈接地址、鏈接目標,該元素作為HTML文檔中所有的鏈接標簽的默認標簽。
在HTML中<base>元素沒有結束標簽,在XHTML中<base>元素必須被正確的關閉。
實例1:
<html>
    <head>
        <base href="http://static.cnblogs.com/" />
    </head>
    <body>
        <img src = "./images/logo_gray.gif" />
</html>

這事我們用相對路徑./images/logo_gray.gif加載的圖片,卻變成了:http://static.cnblogs.com/images/logo_gray.gif的圖片路徑,這就是base元素的作用,可以給頁面的鏈接加上默認的路徑或者打開方式,這個實例1表現的是:給頁面的鏈接加上默認的路徑。

實例2:

<html>
    <head>
        <base target = "_blank" />
    </head>
    <body>
        <a href = "http://www.baidu.com">這個頁面會在新窗口上打開!</a>
         <a href = "http://www.baidu.com">同上,新窗口打開!</a>
</html>

這個實例2表現的是:給頁面的鏈接設置默認的打開方式。

三、HTML<link>元素

<link>元素定義了文檔與外部資源之間的關系,通常用於鏈接到樣式表。

在HTML中<link>元素沒有結束標簽,在XHTML中<link>元素必須被正確的關閉。

<link>元素是空元素,它僅包含屬性。

<link>元素只能存在於 head 部分,不過它可出現任何次數。

屬性學習網址:http://www.w3school.com.cn/tags/tag_link.asp

四、HTML<style>元素

<style>元素定義了HTML文檔的樣式引用地址,在<style>元素中需要指定樣式文件來渲染HTML文檔。

在HTML和XHTML中沒有差異

屬性學習網址:http://www.w3school.com.cn/tags/tag_style.asp

五、HTML<meta>元素

<meta>元素通常用於指定網頁的描述,關鍵字,文件的最后修改時間,作者等其他元數據。

<meta>元素提供了元數據,元數據不顯示在頁面上,但會被瀏覽器解析,元數據可以使用於瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵字)等。

<meta>元素永遠放置於<head>區域。

在HTML中<meta>元素沒有結束標簽,在XHTML中<meta>元素必須被正確的關閉。

元數據總是以名稱/值的形式被成對傳遞的。

學習網址:http://www.w3school.com.cn/tags/tag_meta.asp

六、HTML<script>元素

 <script> 標簽用於定義客戶端腳本,比如 JavaScript。

 script 元素既可以包含腳本語句,也可以通過 src 屬性指向外部腳本文件。

 必需的 type 屬性規定腳本的 MIME 類型。

學習網址:http://www.w3school.com.cn/tags/tag_script.asp

總結:

<head> 定義文檔的信息
<title> 定義了文檔的標題
<base> 定義了頁面鏈接標簽的默認鏈接地址
<link> 定義了一個文檔和外部資源之間的關系
<meta> 定義了HTML文檔的元數據
<script> 定義了客戶端的腳本文件
<style> 定義了HTML文檔的樣式文件

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM