DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> html 自定義標簽使用實現方法
html 自定義標簽使用實現方法
編輯:HTML和Xhtml     
xml文件中可以自由的使用自定義標簽,html文件中同樣可以使用自定義標簽,但有幾個注意事項:
必需設置<html>標簽的xmlns屬性。例如,可以這樣聲明:<html xmlns:article>。
這是因為html文件有一個默認的“名字空間”,<div>,<p>等標簽就處在這個默認的“名字空間”中.
很顯然,這個默認的“名字空間”中並不包含我們的“自定義標簽”,因此我們只能自己定義一個“名字空間”,讓“自定義標簽”處在這個自定義的“名字空間”中.
經過我的嘗試,自定義名字空間不可以使用中文。例如,這樣聲明:<html xmlns:名字空間>是錯誤的
在使用自定義標簽時,應該使用<namespace:自定義標簽>這樣的形式,不能寫成<自定義標簽>這樣的形式。
也就是說,自定義標簽的名稱前一定要指明它所在的“名字空間”
自定義標簽的樣式,既可以在<style>標簽中設定,也可以在使用時設定它的style屬性(內聯式設定)。
在<style>標簽中設定,例如:

復制代碼代碼如下:
<style type="text/css">
article\:文章正文{border:1px solid #ccc;background-color:#efefef;font-weight:bold;}
</style>

注意,在<style>標簽中設定樣式時,在“名字空間”和“:”中間要加上“\”,例如上面寫成article\:文章正文,不能寫成article:文章正文
使用自定義標簽時設定它的style屬性,例如:

復制代碼代碼如下:
<article:文章標題 style="border:1px solid #ccc;">這裡是文章的標題</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:文章標題 style="display:block; border:1px solid red; background-color:#FFF5F4; text-align:center; color:#f00;">
這裡是文章的標題
</article:文章標題>
<article:文章正文>
這裡是文章的正文
</article:文章正文>
</body
</html>

注釋:自定義標簽的display值默認是inline,在本例中,將其改為block方式顯示。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved