html的header結構和執行個體

來源:互聯網
上載者:User

來自:http://www.cnblogs.com/FlyCat/archive/2012/06/27/2566325.html

 

代碼:

HTML header結構
 
 <html>
     <head>
          <!-- 
             base標籤為頁面上的所有連結規定預設地址或預設目標。
             通常情況下,瀏覽器會從當前文檔的 URL 中提取相應的元素來構造新的相對 URL 。
             使用 <base> 標籤可以改變這一點。瀏覽器隨後將不再使用當前文檔的 URL,而使用<base>指定的基本 URL 
             來作為相對 URL。這其中包括 <a>、<img>、<link>、<form> 標籤中的 URL。
              
             在 HTML 中,<base> 標籤沒有結束標籤;在 XHTML 中,<base> 標籤必須被正確地關閉。
             <base> 標籤必須位於 head 元素內部。
              
             target可選的屬性
             _blank
             _parent
             _self
             _top
             framename
             例如將target設定為_blank將使得頁面中所有的串連將在新視窗中開啟。
          -->
         <base href="http://www.w3school.com.cn/i/" />
         <base target="_blank" />
   
         <!--
           meta標籤的屬性定義了與文檔相關聯的成對的名稱和數值。
           當屬性為http-equiv時,值可以為content-type,expires,refresh,set-cookie等,content 屬性關聯到 HTTP 頭部。
           當屬性為name時,值可以為author,description,keywords,generator,revised,others等,content 屬性關聯到一個名稱。
         -->  
         <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
         <!--
           charset設定網頁的檔案編碼,不一定是utf-8,也可能是gb2312,gbk等,根據實際情況修改。
           content-type,可以為mime/subtype,常見為text/html,image/jpg等。
         -->        
         <meta http-equiv="expires" content="2005/05/05 18:00:00">
         <!--離線瀏覽的到期時間-->
         <meta http-equiv="pragma" content="no-cache">
         <!--禁止網頁從緩衝中讀取-->
         <meta http-equiv="Refresh" content="5;http://users7.nofeehost.com/luan123/">
         <!--網頁重新定向-->
         <meta http-equiv="set-cookie" content="2005/05/05 18:00:00">
         <!--設定網頁的cookie到期時間-->
         <meta http-equiv="Window-target" content="_top">
         <!--設定網頁中連結的目標視窗-->
         <meta http-equiv="Page-Enter" content="revealTrans(duration=1000000,transition=50000000)">
         <!--設定網頁的開啟效果-->
         <meta http-equiv="Page-Exit" content="revealTrans(duration=1000000,transition=50000000)">
         <!--設定網頁的關閉效果-->
         
         <meta name="keywords" content="overmind,zerg,protoss">
         <!--設定網頁的關鍵字,搜尋的時候優先!!!重要!!! 該資料被搜尋引擎編入索引-->
         <meta name="description" content="哈哈哈哈哈">
         <!--插入描述 搜尋時被搜尋引擎編入索引-->
         
         <title>無標題文檔</title>
         <!-- <title> 標籤是 <head> 標籤中唯一要求包含的東西。 -->
         
         <link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
         <!-- 
             在 HTML 中,<link> 標籤沒有結束標籤。
             在 XHTML 中,<link> 標籤必須被正確地關閉。
             <link> 標籤定義文檔與外部資源的關係。
             <link> 標籤最常見的用途是連結樣式表
             link 元素是空元素,它僅包含屬性。
             此元素只能存在於 head 部分,不過它可出現任何次數。
             標準屬性
             id, class, title, style, dir, lang, xml:lang
          -->
         <style type="text/css">
             h1 {color:red}
             p {color:blue}
         </style>
         <!-- 
             <style> 標籤用於為 HTML 文檔定義樣式資訊。
             在 style 中,您可以規定在瀏覽器中如何呈現 HTML 文檔。
             type 屬性是必需的,定義 style 元素的內容。唯一可能的值是 "text/css"。
             style 元素位於 head 部分中。
              
             所有主流瀏覽器都支援 <style> 標籤。
          -->
           
          <script type="text/javascript" src="myscripts.js"></script>
          <script type="text/javascript">
             document.write("Hello World!")
          </script>
          <!-- 
              <script> 標籤用於定義用戶端指令碼,比如 JavaScript。
              script 元素既可以包含指令碼語句,也可以通過 src 屬性指向外部指令檔。
              必需的 type 屬性規定指令碼的 MIME 類型。
              JavaScript 的常見應用時映像操作、表單驗證以及動態內容更新。
               
              假如此元素內部的代碼沒有位於某個函數中,那麼這些代碼會在頁面被載入時被立即執行。<frameset> 標籤之後的指令碼會被忽略。
              請參閱 noscript 元素;對於那些在瀏覽器中禁用指令碼或者其瀏覽器不支援用戶端指令碼的使用者來說,該元素非常有用。
           -->   
            
           <noscript>Your browser does not support JavaScript!</noscript>
           <!-- 
             noscript 元素用來定義在指令碼未被執行時的替代內容(文本)。
             此標籤可被用於可識別 <script> 標籤但無法支援其中的指令碼的瀏覽器。
             注釋:如果瀏覽器支援指令碼,那麼它不會顯示出 noscript 元素中的文本。
             注釋:無法識別 <script> 標籤的瀏覽器會把標籤的內容顯示到頁面上。為了避免瀏覽器這樣做,您應當在注釋標籤中隱藏指令碼。老式的(無法識別 <script> 標籤的)瀏覽器會忽略注釋,這樣就不會把標籤的內容寫到頁面上,而新式的瀏覽器則懂得執行這些指令碼,即使它們被包圍在注釋標籤中!
            -->
            
     </head>
     <body>
         aaa
     </body>
 </html>  

完! 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.