通用HTML(7)-【網頁資訊篇】

本篇要說明的內容不同於以往的標籤,打在程式碼裡就可以看見立即的效果。事實上這個單元的標籤大多數的結果都是看不見的,既然如此為什麼要發展這些標籤呢?這是因為,有一些標籤是寫給程式設計師看的,有一些標籤則是寫給機器(例如搜尋引擎、用戶的瀏覽器)看的,至於一般的使用者則不需要看到標籤內容。因為這個原因,本單元有些標籤是沒有顯示範例結果的(因為它可能根本沒結果可以看),大家可以用自己的網頁試試。

元素標籤

title(網頁標題)、meta(網頁資訊)、!–(註解)、link(連結外部資訊)、isindex(索引)

!– Microsoft Office FrontPageAdobe Dreamweaver CS3

說明:插入註解。在註解裡面的內容會自動被瀏覽器忽略,不會顯示出來,但是若用戶開啟網頁原始碼,仍然可以看到註解內容。通常用於程式設計師對於網頁程式做說明時使用。另一種常見的用法是想要拿掉某一段程式碼不顯示,但是直接刪除又怕以後找不到,或是尚未完成的程式碼片段無法開放給用戶觀看時,可先用註解隱藏起來。

【範例】

這裡的註解被隱藏了。

【結果】

這裡的註解被隱藏了。

link Microsoft Office FrontPageAdobe Dreamweaver CS3

說明:連結外部資訊,表示此網頁與其他文件中的關係,必需寫在之前。link的內容會根據目標資訊而改變,最常見的是與CSS檔案連結,詳細內容請參考CSS文件。

屬性:

  • href="資訊位置":目標資訊的網址。
  • id="ID":設定一個物件ID。
  • media="screen | print | projection | braille | speech | all":指定此資訊是顯示在那一種裝置上。
  • rel="stylesheet | index | shortcut icon | ...":目標資訊的類型。
  • title="標題":此資訊的標題。
  • type="格式":目標資訊的格式。

【範例】














meta Microsoft Office FrontPageAdobe Dreamweaver CS3

說明:提供此網頁的相關資訊,例如作者、關鍵字等等,必需寫在之前

屬性:

  • charset="編碼":HTML5的字元編碼設定。
  • content="內容":資訊內容。
  • http-equiv="HTTP表頭欄位名稱":提供HTTP封包欄位內容。
  • name="資訊名稱":定義資訊名稱。
  • scheme="格式ID":替content定義格式。

【範例】














title Microsoft Office FrontPageAdobe Dreamweaver CS3

說明:設定此網頁的標題,必需寫在之前。此標題通常會顯示在瀏覽器的最左上角。

【範例】


  摩刻部落