從p開始,循序漸進
更新時間:2008年04月10日 19:20:21 作者:
從今天開始,我將全面的共享出我所能理解的所有WEB標(biāo)準(zhǔn)方面的知識放在這個“WEB標(biāo)準(zhǔn)能有多難?”的專欄里。當(dāng)然由于振之的水平有限,所講并非是完全正確的。在看了這個專欄的文章的時候要理性的分析,要有自己的判斷,歡迎各位朋友提出自己的看法與意見。
很多朋友現(xiàn)在還在用Dreamweaver(下稱DW),不可否認(rèn)這是個非常優(yōu)秀的軟件,他基本上實現(xiàn)了所見即所得。當(dāng)然也正是因為這樣讓很多網(wǎng)頁制作人員對于(x)HTML標(biāo)簽變得一無所知。然而要學(xué)習(xí)WEB標(biāo)準(zhǔn)就必需要與標(biāo)簽打交道,你必需要了解他們的特點。就算你不打算自己打代碼,繼續(xù)使用DW來完成自己的工作也必需要知道DW生存的代碼的作用。如果你希望減少冗余代碼,提升網(wǎng)頁的品質(zhì),那么你就更需要認(rèn)知(x)HTML標(biāo)簽。
那么學(xué)習(xí)自然要循序漸進,當(dāng)然要從最常用、最簡單的入手。如果問在所有HTML標(biāo)簽中誰是最常用最簡單的標(biāo)簽?那我一定會說是段落標(biāo)簽,也就是<p></p>,說它常用,是因為幾乎所有的文檔文件都會用到這個標(biāo)簽,說他簡單從外形上就可以看出來,他只有一個字母。雖說是簡單,但是卻也非常重要,因為這是一個用來區(qū)別段落用的。我們都知道段落是用來劃分文章用的,以方便閱讀。而有時候因為一些軟件,或是人為操作使得文檔中以其它的標(biāo)簽來區(qū)分,用<div></div>的就特別的多。那么有人會說:不都一樣嘛,反正都區(qū)分開了。事實不然,雖然對于我們?nèi)藖碇v,用什么東西區(qū)分段落都可以,但是對于機器、程序來講,需要理解段與段就需要通過這些標(biāo)簽了。這也就是標(biāo)簽的語義,正確的語義會讓你的文檔更容易為搜索引擎所識別。同時合理安排標(biāo)簽的使用也有助于維護與管理以及代碼的移植。
當(dāng)然有很多人可能早就知道這個標(biāo)簽并且一直在用,并且還發(fā)現(xiàn)段落標(biāo)簽不使用</p>一樣可以顯示。并且在一直使用著這種方法。在HTML中這種寫法是允許的。但是在(x)HTML中就已經(jīng)規(guī)范了這種寫法,所有的段落標(biāo)簽都必需要加上結(jié)束標(biāo)簽。(<p>示例段落……文字</p>)這點要切記,(x)HTML并沒有為HTML增加什么更新的標(biāo)簽,只是規(guī)范了HTML的標(biāo)簽的使用,以及減去了一些不合理的標(biāo)簽,以及標(biāo)簽里的屬性。那么段落標(biāo)簽中都有哪些屬性?留下來多少呢?振之查閱了一些文獻。
align屬性:寫法是<p align=left ></p>,屬性值有:left、right、center、justify(兩端對齊)。這是對齊屬性,作用是管理段落里文本的對齊方向。但是在(x)HTML中已經(jīng)不贊成使用這個屬性了,當(dāng)然瀏覽器還是支持這個屬性的。盡管如此我們還是不用為好,為什么不用呢,因為這個屬性我們完成可以通過CSS可以很簡單實現(xiàn),不需要在代碼里一一加上這些屬性。
可以使用的屬性有:id、class、style、title。關(guān)于這幾個屬性將會在本專欄以后的文章進行分析,這里只要大家理解在段落標(biāo)簽中可以使用這些屬性就可以了。
好了,如果你現(xiàn)在還沒嘗試為文章設(shè)置段落標(biāo)簽不如從現(xiàn)在開始在自己手上的項目中加入這個代碼吧。這會讓你越來越容易的掌握WEB標(biāo)準(zhǔn)。
另外,P是個塊級標(biāo)簽,但是在這個塊級標(biāo)簽里卻不能再出現(xiàn)塊級標(biāo)簽。關(guān)于(x)HTML的嵌套規(guī)則可以參考由JUNCHEN翻譯并做出解釋的《(X)HTML Strict 下的嵌套規(guī)則》
那么學(xué)習(xí)自然要循序漸進,當(dāng)然要從最常用、最簡單的入手。如果問在所有HTML標(biāo)簽中誰是最常用最簡單的標(biāo)簽?那我一定會說是段落標(biāo)簽,也就是<p></p>,說它常用,是因為幾乎所有的文檔文件都會用到這個標(biāo)簽,說他簡單從外形上就可以看出來,他只有一個字母。雖說是簡單,但是卻也非常重要,因為這是一個用來區(qū)別段落用的。我們都知道段落是用來劃分文章用的,以方便閱讀。而有時候因為一些軟件,或是人為操作使得文檔中以其它的標(biāo)簽來區(qū)分,用<div></div>的就特別的多。那么有人會說:不都一樣嘛,反正都區(qū)分開了。事實不然,雖然對于我們?nèi)藖碇v,用什么東西區(qū)分段落都可以,但是對于機器、程序來講,需要理解段與段就需要通過這些標(biāo)簽了。這也就是標(biāo)簽的語義,正確的語義會讓你的文檔更容易為搜索引擎所識別。同時合理安排標(biāo)簽的使用也有助于維護與管理以及代碼的移植。
當(dāng)然有很多人可能早就知道這個標(biāo)簽并且一直在用,并且還發(fā)現(xiàn)段落標(biāo)簽不使用</p>一樣可以顯示。并且在一直使用著這種方法。在HTML中這種寫法是允許的。但是在(x)HTML中就已經(jīng)規(guī)范了這種寫法,所有的段落標(biāo)簽都必需要加上結(jié)束標(biāo)簽。(<p>示例段落……文字</p>)這點要切記,(x)HTML并沒有為HTML增加什么更新的標(biāo)簽,只是規(guī)范了HTML的標(biāo)簽的使用,以及減去了一些不合理的標(biāo)簽,以及標(biāo)簽里的屬性。那么段落標(biāo)簽中都有哪些屬性?留下來多少呢?振之查閱了一些文獻。
align屬性:寫法是<p align=left ></p>,屬性值有:left、right、center、justify(兩端對齊)。這是對齊屬性,作用是管理段落里文本的對齊方向。但是在(x)HTML中已經(jīng)不贊成使用這個屬性了,當(dāng)然瀏覽器還是支持這個屬性的。盡管如此我們還是不用為好,為什么不用呢,因為這個屬性我們完成可以通過CSS可以很簡單實現(xiàn),不需要在代碼里一一加上這些屬性。
可以使用的屬性有:id、class、style、title。關(guān)于這幾個屬性將會在本專欄以后的文章進行分析,這里只要大家理解在段落標(biāo)簽中可以使用這些屬性就可以了。
好了,如果你現(xiàn)在還沒嘗試為文章設(shè)置段落標(biāo)簽不如從現(xiàn)在開始在自己手上的項目中加入這個代碼吧。這會讓你越來越容易的掌握WEB標(biāo)準(zhǔn)。
另外,P是個塊級標(biāo)簽,但是在這個塊級標(biāo)簽里卻不能再出現(xiàn)塊級標(biāo)簽。關(guān)于(x)HTML的嵌套規(guī)則可以參考由JUNCHEN翻譯并做出解釋的《(X)HTML Strict 下的嵌套規(guī)則》
相關(guān)文章
關(guān)于filter濾鏡應(yīng)用于圖片的兩種創(chuàng)意
關(guān)于filter濾鏡應(yīng)用于圖片的兩種創(chuàng)意...2006-12-12
從加載到渲染的全鏈路提速的網(wǎng)站打開速度前端優(yōu)化
一個電商網(wǎng)站通過使用ChromeDevTools進行性能診斷,作者發(fā)現(xiàn)并解決了資源加載、圖片優(yōu)化、代碼分割、虛擬列表、狀態(tài)管理以及緩存策略等多個問題,經(jīng)過優(yōu)化,網(wǎng)站的首屏加載時間從8秒降至2秒,多性能指標(biāo)均有顯著提升,和大家分享網(wǎng)站打開速度前端優(yōu)化的實戰(zhàn)經(jīng)驗2024-12-12
我的一些關(guān)于web標(biāo)準(zhǔn)的思考筆記(一)
我的一些關(guān)于web標(biāo)準(zhǔn)的思考筆記(一)...2006-12-12
DIV CSS網(wǎng)頁布局 最小高度(min-height)的妙用
最小高度可以設(shè)定一個BOX的最小高度,當(dāng)其內(nèi)容較少時時,也能保持BOX的高度為一定,超出就自動向下延伸,但到目前為止,只有Opera 和 Mozilla 支持,IE7開始也支持了,但IE7處于測試階段,等正式版發(fā)布到普及需一段也許比較長的時間,除非MS把它捆綁在某個操作系統(tǒng)上,如何在現(xiàn)有基礎(chǔ)上(IE6 80-90%),合理、妙用最小高度了?2008-11-11

