首頁 > 其他

基本架構（html）

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

所有的html網頁的架構都建立在以下代碼的基礎上：

<html> <!--標識網頁的整體內容-->
  <head> <!--標識網頁的頭部標籤-->
</head>
  <body> <!--標識網頁的本文標籤-->
  </body>
</html>下面便算是修飾部分了： 網頁標題：<title>測試代碼</title> <!--標識網頁的標題標籤-->    其位置居於<head>頭部標籤裡相應頭報文meta(檔案頭標籤)   主要用於HTML文檔類比HTTP協議的相應頭報文。meta通常寫在<head>頭部標籤裡，主要通過meta的name屬性和http-eqiv屬性來表示。
 name屬性：    <meta name="Gennerator" contect="TXT記事本"> </meta>
    <!--說明產生網頁的工具-->
    <meta name="KEYWords" contect="示範"> </meta>
      <!--想搜尋引擎提供關鍵字->
    <meta name="Description" contect="Html代碼"> </meta>     <!--向搜尋引擎提供網頁的主要內容-->
    <meta name="Author" contect="rohelm.X"> </meta>      <!--向搜尋引擎提供網頁的作者-->
其中：<metaname="Robots" contect="all"> </meta>      <!--定義網頁的檢索情況和網頁上的串連查詢-->當name屬性值為Robots時，用來定義網頁的檢索情況和網頁上的串連查詢contect亦有不同的值來設定不同的檢索和查詢情況。

預設是all
其中的屬性說明如下：
設定為all：檔案將被檢索，且頁面上的連結可以被查詢；
設定為none：檔案將不被檢索，且頁面上的連結不可以被查詢；
設定為index：檔案將被檢索；
設定為follow：頁面上的連結可以被查詢；
設定為noindex：檔案將不被檢索，但頁面上的連結可以被查詢；
設定為nofollow：檔案將不被檢索，頁面上的連結可以被查詢。

 

http-equiv屬性

 http-equiv類似於HTTP的頭部協議，它回應給瀏覽器一些有用的資訊，以協助正確和精確地顯示網頁內容。

<meta http-equiv="Content-Type" Content="text/html; Charset=gb2312″ /> 
<meta http-equiv="Content-Language" Content="zh-CN" />
指明網頁文字和語言。

--------------------------------------------------------------------------------

<meta http-equiv="Refresh" Content="30″>
<meta http-equiv="Refresh" Content=”30"; Url=http://www.microsoft.com" />
其中的5是指停留5秒鐘後自動重新整理到URL網址。
--------------------------------------------------------------------------------
<meta http-equiv="Expires" Content="0″ />
<meta http-equiv="Expires" Content="Wed, 26 Feb 2011 08:21:57 GMT" />
必須使用GMT的時間格式，或直接設為0(數字表示多少時間後到期)。

--------------------------------------------------------------------------------
<meta http-equiv="Pragma" Content="No-cach" />
網頁不儲存在緩衝中，每次訪問都重新整理頁面。這樣設定，訪問者將無法離線瀏覽。

--------------------------------------------------------------------------------

<meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; ath=/">
瀏覽器訪問某個頁面時會將它存在緩衝中，下次再次訪問時就可從緩衝中讀取，以提高速度。

--------------------------------------------------------------------------------
<meta http-equiv="Widow-target" Content="_top">
這個屬性是用來防止別人在架構裡調用你的頁面。Content選項：_blank、_top、_self、_parent。

--------------------------------------------------------------------------------
<meta http-equiv="Pics-label" Contect=“(PICS－1.1′http://www.rsac.org/ratingsv01.html’I gen comment RSACi North America Sever’ by ‘inet@microsoft.com’ for ‘http://www.microsoft.com’ on ‘1997.06.30T14:21－0500′ r(n0 s0 0 l0))">
在IE的Internet選項中有一項內容設定，可以防止瀏覽一些受限制的網站，而網站的限制層級就是通過該參數來設定的。層級的評定是由RSAC，即美國娛樂委員會的評級機構評定的，如果你想進一步瞭解RSAC評估系統的等級內容，或者你需要評價自己的網站，可以訪問RSAC的網站：http://www.rsac.org/。
--------------------------------------------------------------------------------

<meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
<meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
blendTrans是動態濾鏡的一種，產生漸隱效果。另一種動態濾鏡RevealTrans也可以用於頁面進入與退出效果:
<meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">
<meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
--------------------------------------------------------------------------------

進入和離開該頁面的漸層跳轉
<meta http-equiv="Page-Enter" CONTENT="revealtrans(duration=6.0, transition=23)">
<meta http-equiv="Page-Exit" CONTENT="revealtrans(duration=6.0, transition=23)">
把這兩句加到<head> </head>中間
Duration表示濾鏡特效的期間(單位：秒)
Transition濾鏡類型。表示使用哪種特效，取值為0-23。
--------------------------------------------------------------------------------

<meta http-equiv="MSThemeCompatible" Content="Yes" />
Content=”No”關閉 xp 的藍色立體按鈕系統顯示樣式，從而和win2k 很象。
--------------------------------------------------------------------------------

<meta name="MSSmartTagsPreventParsing" content="True" />
在Microsoft IE 6 中有一個 Smart tag 開關，如果您包含下面標記，訪問這將看不到某些相關串連，這樣可以避免訪問者流失<meta http-equiv="IE6″ Content="Generator" />
--------------------------------------------------------------------------------

<meta http-equiv="Content-Script-Type" Content="text/javascript" />
這是近來W3C的規範，指明頁面中指令碼的類型。
-------------------------------------------------------------------------------

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More