html 自定義標簽使用實現(xiàn)方法

字號:


    xml文件中可以自由的使用自定義標簽,html文件中同樣可以使用自定義標簽,但有幾個注意事項:
    必需設置<html>標簽的xmlns屬性。例如,可以這樣聲明:<html xmlns:article>。
    這是因為html文件有一個默認的“名字空間”,<div>,<p>等標簽就處在這個默認的“名字空間”中.
    很顯然,這個默認的“名字空間”中并不包含我們的“自定義標簽”,因此我們只能自己定義一個“名字空間”,讓“自定義標簽”處在這個自定義的“名字空間”中.
    經過我的嘗試,自定義名字空間不可以使用中文。例如,這樣聲明:<html xmlns:名字空間>是錯誤的
    在使用自定義標簽時,應該使用<namespace:自定義標簽>這樣的形式,不能寫成<自定義標簽>這樣的形式。
    也就是說,自定義標簽的名稱前一定要指明它所在的“名字空間”
    自定義標簽的樣式,既可以在<style>標簽中設定,也可以在使用時設定它的style屬性(內聯(lián)式設定)。
    在<style>標簽中設定,例如:
    代碼如下:
    <style type="text/css">
    article\:文章正文{border:1px solid #ccc;background-color:#efefef;font-weight:bold;}
    </style>
    注意,在<style>標簽中設定樣式時,在“名字空間”和“:”中間要加上“\”,例如上面寫成article\:文章正文,不能寫成article:文章正文
    使用自定義標簽時設定它的style屬性,例如:
    代碼如下:
    <article:文章標題>這里是文章的標題</article:文章標題>
    舉例:
    代碼如下:
    <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
    <html xmlns:article>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>使用自定義標簽</title>
    <style type="text/css">
    article\:文章正文{display:block; border:1px solid #ccc; background-color:#efefef; color:#00a;}
    </style>
    </head>
    <body>
    <article:文章標題>
    這里是文章的標題
    </article:文章標題>
    <article:文章正文>
    這里是文章的正文
    </article:文章正文>
    </body
    </html>
    注釋:自定義標簽的display值默認是inline,在本例中,將其改為block方式顯示。