校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 如何正確地在XHTML文檔中使用JavaScript和CSS

如何正確地在XHTML文檔中使用JavaScript和CSS

熱門標(biāo)簽:電腦外呼系統(tǒng)安裝 電話外呼系統(tǒng)怎么找準(zhǔn)客戶 揚(yáng)州市地圖標(biāo)注 外呼系統(tǒng)隱私 荊州銷售電銷機(jī)器人 可以集成到系統(tǒng)的外呼 400開頭電話在哪辦理 西安公司外呼系統(tǒng)價格 中國世界文化遺產(chǎn)地圖標(biāo)注
在越來越多的網(wǎng)站中,XHTML的使用正以很快的速度替代HTML4,但是,目前一些主流瀏覽器對XHTML的支持還不是很好,加上一些網(wǎng)頁制作者對XHTML和HTML4之間的差異理解不夠,使得XHTML在WEB發(fā)展上進(jìn)程變得緩慢。


XHTML是XML而不是HTML

目前,對XHTML的一個主要誤解是它是HTML的另外一個版本。造成此誤解的一個事實(shí)是Microsoft Internet Explorer僅支持MIME格式為text/html的XHTML而不是被推薦的application/xhtml+xml格式。

當(dāng)一個XHTML頁面被以text/html的MIME格式解析時,它和HTML頁面沒有任何差別,而當(dāng)它以text/xml或者application/xhtml+xml的MIME格式解析時,它將遵從嚴(yán)格的XML書寫和顯示規(guī)則。

正確的XHTML格式是一個XML程序并且在書寫的時候需要按照以下的嚴(yán)格規(guī)則:

1.字符<和&不允許出現(xiàn)在XHTML文檔內(nèi)容中,除非它們被包含在CDATA標(biāo)簽中(<![CDATA[...]]>)

2.注釋標(biāo)簽(<!--...-->)內(nèi)容中不能包含兩個連續(xù)的橫杠(--)

3.包含在注釋標(biāo)簽(<!--...-->)中的內(nèi)容將被忽略


style和script內(nèi)容中的問題

style和script標(biāo)簽內(nèi)的內(nèi)容在XHTML被以XML格式(而不是HTML格式)解析時將造成一些不同的差異。

JavaScript中包含了XHTML中不能存在的字符

Javascript的一些特別字符是XHTML的CDATA標(biāo)簽外不能存在的字符。

<script type="text/javascript">
  var i = 0;
  while(++i < 10){
    //...
  }
</script>

注意:上面的示例代碼并非良好的XHTML格式,因?yàn)樗褂昧薠HTML或XML中不允許的標(biāo)記"< "


在style和script內(nèi)容中使用注釋

熟悉HTML的作者通常了解,將style和script標(biāo)簽內(nèi)容放到注釋標(biāo)簽內(nèi),將在瀏覽器中隱藏這些內(nèi)容,但有些瀏覽器卻不能理解它們。

<style type="text/css">
<!--
  body {background-color: blue; color: yellow;}
-->
</style>
<script type="text/javascript">
<!--
  var i = 0;
  var sum = 0;

  for (i = 0; i < 10; ++i)
  {
    sum += i;
  }
  alert('sum = ' + sum);
// -->
</script>

上面的示例說明了如何在瀏覽器中忽略注釋標(biāo)簽內(nèi)的內(nèi)容,同時,這個示例還顯示了瀏覽器在處理text/xml格式和application/xhtml+xml格式的內(nèi)容的區(qū)別。

Mozilla 1.1+ / Opera 7
不應(yīng)用CSS,不執(zhí)行JavaScript

Netscape 7.0x / Mozilla 1.0.x
不應(yīng)用CSS,但執(zhí)行JavaScript

Internet Explorer 5.5+
不顯示該文檔.(參見:https://developer.mozilla.org/Ta ... _in_XHTML_Documents )


style和javascript內(nèi)含有兩個連續(xù)的橫杠(--)

在XHTML頁面的JavaScript中使用注釋標(biāo)簽進(jìn)行處理時產(chǎn)生的另一個問題就是JavaScript中會有出現(xiàn)兩個連續(xù)的橫杠(--)的情況:


<script type="text/javascript">
<!--
  var i;
  var sum = 0;

  for (i = 10; i > 0; --i)
  {
    sum += i;
  }
// -->
</script>

使用CDATA代替注釋

將script標(biāo)簽內(nèi)的內(nèi)容放到CDATA塊中可以很好地處理注釋中出現(xiàn)兩個連續(xù)的橫杠的問題,不過這將使得一些低版本的瀏覽器不支持它,因?yàn)樗鼈儾荒芾斫釾ML。好在,我們可以通過使用JavaScript中的注釋符對CDATA塊進(jìn)行注釋以達(dá)到兼容的目的。

<script type="text/javascript">
//<![CDATA[
  var i = 0;

  while  (++i < 10)
  {
    // ...
  }
//]]>
</script>


推薦的xhtml與html兼容處理方式

不要在XHTML頁面中直接書寫style和script,一個好的替代方案是使用外部文件來書寫CSS和JavaScript,然后再在XHTML中進(jìn)行引入。

這個推薦方案看起來非常不錯,不管怎樣,它使得頁面從text/html向application/xhtml+xml轉(zhuǎn)變的過程中,至少在接下來的這些年里不會出現(xiàn)什么問題。

標(biāo)簽:貴陽 樂山 延安 錫林郭勒盟 四川 阿拉善盟 濟(jì)南 白銀

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《如何正確地在XHTML文檔中使用JavaScript和CSS》,本文關(guān)鍵詞  如何,正確地,在,XHTML,文檔,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《如何正確地在XHTML文檔中使用JavaScript和CSS》相關(guān)的同類信息!
  • 本頁收集關(guān)于如何正確地在XHTML文檔中使用JavaScript和CSS的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 花莲市| 仪陇县| 蛟河市| 视频| 行唐县| 大竹县| 雷波县| 汶上县| 福清市| 平江县| 仁化县| 钟山县| 东乡族自治县| 六安市| 光山县| 三都| 曲麻莱县| 富阳市| 额济纳旗| 汶川县| 卓资县| 大邑县| 墨脱县| 宁城县| 连南| 广灵县| 繁峙县| 伊金霍洛旗| 沾化县| 平远县| 鄢陵县| 富平县| 大邑县| 兴安县| 宣武区| 仙桃市| 武定县| 广宗县| 田阳县| 哈尔滨市| 察隅县|