在我們平時(shí)所寫(xiě)的ASP.NET中，我們更多的是去使用服務(wù)器端控件:。與此同時(shí)，我們卻忽略了很多HTML元素的使用。

在這章，讓我們來(lái)簡(jiǎn)單的對(duì)HTML的一些元素的標(biāo)準(zhǔn)來(lái)做簡(jiǎn)單的回顧。

1. 和

 

對(duì)于這兩個(gè)元素，我想很多經(jīng)常去使用.NET服務(wù)器端控件，以及Visual Studio或者DW等可視化工具的人，應(yīng)該對(duì)他們已經(jīng)忘記的差不多了。在這里，我們來(lái)做個(gè)簡(jiǎn)單的復(fù)習(xí)。

首先我們回憶兩個(gè)概念，在HTML中的內(nèi)聯(lián)元素和塊元素。在這里我說(shuō)下我的理解:

塊元素常用的作用是用來(lái)其他的元素，他最典型的標(biāo)志就是把自己所包圍的元素內(nèi)容與其他的塊元素分開(kāi)。

而內(nèi)聯(lián)元素是基于語(yǔ)義的元素，也就是說(shuō)，內(nèi)聯(lián)元素常作用于段內(nèi)，來(lái)對(duì)某一句話，或者某一塊的元素來(lái)做一個(gè)語(yǔ)義上的特殊標(biāo)記。

好，概念弄清了。我們就來(lái)看和

，他們都表示引用。區(qū)別呢:用上面的概念去解釋：是一個(gè)內(nèi)聯(lián)元素，而

是一個(gè)塊元素。

 

舉個(gè)很簡(jiǎn)單的例子：

先看個(gè)使用

的例子：

 

李白曾經(jīng)寫(xiě)過(guò)這樣一首詩(shī)：<blockquote>    床前明月光，    疑是地上霜。    舉頭望明月，    低頭思故鄉(xiāng)。blockquote>

 

然后看下的使用：

孔子曾曰：<q>三人行，必有我?guī)熝?span style="color: blue">q>

通過(guò)這兩個(gè)例子，我們可以看出了兩者的區(qū)別，也就是說(shuō)，

常用于是長(zhǎng)段，整段的引用。而更常用于的是小引用。

 

2. 關(guān)于列表

關(guān)于列表，你還能說(shuō)出幾種呢？

不要告訴我，我說(shuō)的是HTML元素。

也許你會(huì)告訴我

•  
  。只有這兩種么？NoNoNoNo!

   

  在HTML元素中，關(guān)于列表，其實(shí)一共有三種：ul(unordered list),ol(orderedlist),dl(definition list)。

  這個(gè)很簡(jiǎn)單，隨便寫(xiě)兩行代碼就過(guò)了：

  請(qǐng)選出你最喜歡的數(shù)字：<ol>    <li>1li>     <li>2li>     <li>3li>     <li>4li>                          ol>

  我喜歡的人有：<ul>    <li>爸爸li>    <li>媽媽li>    <li>爺爺li>    <li>奶奶li>ul>

  下面是一些定義：<dl>    <dt>人dt>    <dd>人是一種高級(jí)動(dòng)物dd>    <dt>動(dòng)物dt>    <dd>動(dòng)物是一種低級(jí)的人dd>dl>

   其實(shí)對(duì)上面的這些元素，我們完全可以去取代他們，用其他的形式來(lái)將他們表示出來(lái)。但是建議，用與你所表達(dá)的最接近的HTML元素去表達(dá)你的含義！

  3. 關(guān)于

  若干年后的今天，你還記得這個(gè)非主流元素么？

  讓我們前往w3cschool去看看：

  

  :所強(qiáng)調(diào)的文字。

  在這里，我不想去談這個(gè)元素的用法。只是用這個(gè)來(lái)引出話題。

  關(guān)于你代碼的瀏覽器適應(yīng)問(wèn)題。

  我們知道，雖然W3C一致去致力于瀏覽器的標(biāo)準(zhǔn)，但是至今仍然是效果不大。IE,Firefox等等瀏覽器都有著自己的標(biāo)準(zhǔn)和表現(xiàn)形式。

  那么，我們?cè)趺礃尤プ屪约旱拇a更適應(yīng)每個(gè)瀏覽器的標(biāo)準(zhǔn)呢？

  用來(lái)說(shuō)：強(qiáng)調(diào)。我沒(méi)有做過(guò)測(cè)試，因?yàn)槲业?a href=/yuedu/diannao/ target=_blank class=infotextkey>電腦上只裝了IE瀏覽器。我在這里只是做個(gè)比方。很有可能出現(xiàn)這樣一種情況。IE中表達(dá)強(qiáng)調(diào)的方式是把字體加粗，而Firefox表達(dá)強(qiáng)調(diào)的方式是把字體傾斜。我個(gè)人的意見(jiàn)是，讓瀏覽器自己去解析我們的表達(dá)意愿，而不是讓我們?nèi)?qiáng)行給瀏覽器加入表達(dá)形式。

  原因呢？我在這里插點(diǎn)題外話。在面試的時(shí)候，經(jīng)常會(huì)碰到一些莫名其妙的問(wèn)題，比如兩個(gè)我認(rèn)為基本差不多的東西，面試官會(huì)問(wèn)我：讓你選擇的話，你會(huì)用哪個(gè)呢？我常常給出的答案都是我認(rèn)為兩者是差不多的，但是如果一定讓我做出個(gè)選擇，我選擇A，因?yàn)锳是他們自己廠商所推出支持的，我想一個(gè)公司肯定會(huì)對(duì)自己所推出的概念做出最大的支持和最大程度的優(yōu)化。

  當(dāng)然，我的回答其實(shí)是廢話，也有投機(jī)取巧之嫌，但是我認(rèn)為，讓一個(gè)產(chǎn)品去按照他自己的標(biāo)準(zhǔn)辦事總是最好的。就像古代的無(wú)為之治，才是最好的治理國(guó)家的方式！

  另外，老趙說(shuō)：語(yǔ)義和樣式要分開(kāi)寫(xiě)。這點(diǎn)提醒了我，另外一個(gè)這樣去做的原因，就是可維護(hù)性。你的后續(xù)程序員或者當(dāng)你的網(wǎng)站需要更改樣式時(shí)，使用更匹配的標(biāo)簽可以讓你的代碼靈活性更高！

  我現(xiàn)在所能想起來(lái)的，關(guān)于HTML的一些細(xì)節(jié)和標(biāo)準(zhǔn)問(wèn)題，只有這些了。

  這里都是一些很基礎(chǔ)的問(wèn)題，我之所以放在首頁(yè)，是希望提醒一直活在高層的大家，別忘了這些基本的概念和知識(shí)。

  然后，在最后，我希望大家能幫忙想一些關(guān)于HTML細(xì)節(jié)和標(biāo)準(zhǔn)方面的問(wèn)題。讓我們共同去回憶這些我們快淡忘了的非主流標(biāo)簽。

,

it知識(shí)庫(kù)：.NET,你忘記了么？（四）回味HTML非主流標(biāo)簽，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。