CSS網頁布局中HTML標簽的語義(二)_XHTML教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        我們在文章中一直強調HTML標簽語義的重要,富含語義而且科學得當的運用HTML標簽,對CSS網頁布局既建立符合WEB標準的網站是非常有意義、非常有益處的。

        或許有朋友感到迷惑,到底如何運用HTML標簽才是保持文檔語義并有良好的結構呢?我們看下面的這方面知識的介紹,相信你一定有所收獲。但也請你注重,有些標簽可能不符合WEB標準了,這些知識我們在mb5u.com以后的文章中再一一說明。
        Note:雙與單分別表示標簽是成對出現,還是單個出現,成對出現需要關閉,如:雙表示<a></a>、單表示:<img src=...>。

      <a>雙 定義一個鏈接

      示例代碼 [www.wf0088.com]
      name=text 本網頁內目標名稱(書簽),可為數字或文本
      href=url _fcksavedurl="url" 指定目標地址
      tabindex=number 指定該鏈接在當前文件的Tab鍵次序中的位置 0-32767之間
      charset=charset 指定目標文件的字符編碼形式
      例:<A href="link.html"><IMG Sre="Pixoe.gif"></A>
      <A href="mailto:jen@nt.com">Send</A>

      <base>單 為文件中所有的相關URL(統一資源定位器)指定一個基準URL.置于<head>內

      示例代碼 [www.wf0088.com]
      href=url 要用到的URL

      <body>雙 文件的主體(瀏覽器中顯示的內容)

      示例代碼 [www.wf0088.com]
      backcolor="rrggbb" 背景色
      leftmargin=number 瀏覽器左邊緣與窗口中正文和圖形的開始位置之間的距離,單位:像素
      topmargin=number 瀏覽器上邊緣與窗口中正文和圖形的上邊緣位置之間的距離,單位:像素
      text="rrggbb" 文本默認顏色
      background=url 背景圖片

      <caption>雙 表格的標題,位于表格之上,可用<font>修飾,但一個<caption>必須對應一個<table>

      示例代碼 [www.wf0088.com]
      align=left right center 標題對齊方式

      <dd>雙 表示一個定義列表中對一個表單項的條目部分

      <dl>雙 表示一個定義列表,由條目<dt>和定義<dd>組成

      <dt>雙 表示一個定義列表中對一個表單項的條目部分

      <form>雙


      示例代碼 [www.wf0088.com]
      action=url 表單提交地址

      <font>雙 字體修飾

      示例代碼 [www.wf0088.com]
      i 斜體
      b 加粗
      u 下劃線
      s 刪除線
      big 比前一個字體大一號
      small 比前一個字體小一號
      left 左對齊
      right 右對齊
      center 居中
      color="rrggbb" 顏色
      style=text 字體大小,可用文本和數字
      name=text 字體名稱
      equal 字體等距

      <head>雙 與<body>同級,無任何屬性,僅作為其他標簽的容器

      <hr>單 添加水平分界線

      示例代碼 [www.wf0088.com]
      align =left right center 水平分界線對齊方式
      noshade 將水平分界線顯示成一條時新線
      size=number 指定線寬,單位像素
      width=number 或 % 水平分界線長度,一像素為單位或頁面寬為百分比

      <html>雙 于文件起始和結尾,用于告訴瀏覽器整個文件的大小是由html構成

      示例代碼 [www.wf0088.com]
      size=number 文件大小

      <img>單 在頁面上放一幅圖

      示例代碼 [www.wf0088.com]
      align=left right center top middle botton
      alt=text 當圖象無法顯示時的提示文本
      width=number 圖象寬度
      height=number 圖象高度
      src=url _fcksavedurl="url" 圖象地址
      hspace=number 圖象左右留出空格
      vspace=number 圖象上下留出空格
      border=number 圖象與頁面邊界距離,默認為1
      blockquote 一個塊的引用,兩邊各留一空格,上下各留一行

      <input>單 輸入(表單)[輸入類型:文本 單選框 復選框 復位 提交 文件傳輸]<form>的子集

      示例代碼 [www.wf0088.com]
      type:checkbox 復選框
      checked 初始選中值
      name=text 編號,可用文本或數字
      value=text 初始值
      type:file 文件上傳
      name=text 編號,可用文本或數字
      value=text 搜尋按鈕的文本
      type:radio 單選框
      checked 初始選中值
      name=text 編號,可用文本或數字
      value=text 初始值
      type:rest 使表單選擇恢復默認值
      value=text 顯示可替代文本
      type:submit 提交按鈕
      value=text 顯示按鈕上的文本
      type:text
      text=text 內容
      max=number 最大輸入字符量,默認為20
      min=number 最小輸入字符量,默認為1
      height=number 輸入框高度,單位字符,當height=1時,無垂直滾動條
      weidth=number 輸入框寬度,單位字符
      type:button
      value=text 顯示的文本內容
      src=url _fcksavedurl="url" 連接的網頁地址

      <li>雙 表示一個列表中定義一個表單項,用于<dir><ol><ul>標簽中

      <marquee>雙 創建一個滾動文本框

      示例代碼 [www.wf0088.com]
      align=left right center 文本框與頁面左、右、中對齊
      dirsction=left right 文本超出邊界時用水平、垂直滾動條
      height=number 文本框高度
      width=number 文本框寬度
      hspace=number 文本框兩邊留出的像素
      vspace=number 文本框上下留出的像素
      scrollamount=number 單擊方向鍵,每次滾動的距離,單位字符
      scrolldelay=number 單擊空白條區時,滾動距離,單位字符

      <media>單 媒體

      示例代碼 [www.wf0088.com]
      align=left right center middle top bottom 對象相對四周文本的對齊方式
      data=url 對象所引用的地址
      height=number 對象高度,以像素為單位
      width=number 對象寬度,以像素為單位
      hspace=number 在對象兩邊各留出的空格,以像素為單位
      vspace=number 在對象上下各留出的空格,以像素為單位
      type=audio video 對象類型(音頻和視頻)
      loop=number 循環播放次數

      <nobr>雙 禁止換行

      <object>雙 插件


      示例代碼 [www.wf0088.com]
      classid=text 如9b99c199-5d75-454f-ae07-b620727be8d8

      <ol>雙 定義有序列表的起始,由表單項<li>組成

      <option>雙 下拉列表或滾動列表的項

      示例代碼 [www.wf0088.com]
      checked 初始選中值
      value=text 初始值

      <p> 單 換行,但有多余空行

      <pr>單 換行,且比<p>減少空行

      <script>雙 腳本


      示例代碼 [www.wf0088.com]
      type=text 腳本語言類型,如"VBScript"

      <select>雙 定義一個下拉列表和滾動列表

      示例代碼 [www.wf0088.com]
      multipe 答應多選一個或更多的<option>
      name=text 選中的<option>編號
      size=number "1"且無設multipe,顯示為一個下拉列表

      <sub>雙 下標

      <sup>雙 上標

      <table>雙 確定一個表格的始末


      示例代碼 [www.wf0088.com]
      align=left right center 表格在頁面中位置,默認為right
      backcolor="rrggbb" 表格背景色
      border=number 表格邊界厚度
      cellspacing=number 表格單元之間框架厚度
      cellspadding=number 單元格邊界與內容之間的距離
      height=number or % 指定表格高度,單位像素,或瀏覽器頁面高度的百分比表示
      width=number or % 指定表格寬度,單位像素,或瀏覽器頁面寬度的百分比表示
      hspace=number 在一個對齊表格上下留一定空格,單位像素
      vspace=number 在一個對齊表格兩邊留一定空格,單位像素
      form 使一個表格作為一個表單提交,且表格內可存在各種表單作為單元格內容

      <td>雙 定義一個單元格

      示例代碼 [www.wf0088.com]
      align=left right center 文本相對與單元個的對器方式
      background=url 單位格里的圖象
      backcolor="rrggbb" 表格背景色
      alspan=number 該單元格所跨列數,默認為1
      rowspan=number 該單元格所跨行數,默認為1

      <marquee>

      示例代碼 [www.wf0088.com]
      loop=0時為靜態,1時為動態

      <marquee>當為靜態時,內部可用<font>和<nobr>

      示例代碼 [www.wf0088.com]
      scrolldelay=number 單擊空白條區,每次滾動距離,單位像素
      scrollamount=number 單擊方向鍵,每次滾動距離,單位像素

      <marquee>當為動態時,內部不能再修飾(包括<nobr>)

      示例代碼 [www.wf0088.com]
      scrolldelay=number 每次滾動的時間間隔,單位毫秒
      scrollamount=number 調整文字滾動速度,單位字符
      behavior=scroll 單向滾動
      =alternate 雙向滾動
      bgcolor="rrggbb" 滾動文字背景色
      color="rrggbb" 滾動文字顏色
      loop=1 默認為1
      direction=left 從右向左
      =right 從左向右
      =up 從下向上
      =down 從上向下

      表格、插件、腳本僅屬于<body>,腳本最好不用
      <media>僅屬于<body>
      網頁中已用的鏈接和未用的鏈接由瀏覽器指定
      網頁中除標簽內部\標簽之間的空格省略外,其他空格有效
      標簽內部屬性值若需空格則用#3代替
      網頁中"<"用#1代替,">"用#2代替
      屬性值中雙引號可鑲入單引號


      來源:無憂整理//所屬分類:XHTML教程/更新時間:2007-05-17
      相關XHTML教程