WEB標(biāo)準(zhǔn)教程:P標(biāo)簽的應(yīng)用
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-17 19:18:29 作者:佚名
我要評(píng)論
從今天開(kāi)始,我將全面的共享出我所能理解的所有WEB標(biāo)準(zhǔn)方面的知識(shí)放在這個(gè)“WEB標(biāo)準(zhǔn)能有多難?”的專(zhuān)欄里。當(dāng)然由于振之的水平有限,所講并非是完全正確的。在看了這個(gè)專(zhuān)欄的文章的時(shí)候要理性的分析,要有自己的判斷,歡迎各位朋友提出自己的看法與意見(jiàn)。
很多
從今天開(kāi)始,我將全面的共享出我所能理解的所有WEB標(biāo)準(zhǔn)方面的知識(shí)放在這個(gè)“WEB標(biāo)準(zhǔn)能有多難?”的專(zhuān)欄里。當(dāng)然由于振之的水平有限,所講并非是完全正確的。在看了這個(gè)專(zhuān)欄的文章的時(shí)候要理性的分析,要有自己的判斷,歡迎各位朋友提出自己的看法與意見(jiàn)。
很多朋友現(xiàn)在還在用Dreamweaver(下稱(chēng)DW),不可否認(rèn)這是個(gè)非常優(yōu)秀的軟件,他基本上實(shí)現(xiàn)了所見(jiàn)即所得。當(dāng)然也正是因?yàn)檫@樣讓很多網(wǎng)頁(yè)制作人員對(duì)于(x)HTML標(biāo)簽變得一無(wú)所知。然而要學(xué)習(xí)WEB標(biāo)準(zhǔn)就必需要與標(biāo)簽打交道,你必需要了解他們的特點(diǎn)。就算你不打算自己打代碼,繼續(xù)使用DW來(lái)完成自己的工作也必需要知道DW生存的代碼的作用。如果你希望減少冗余代碼,提升網(wǎng)頁(yè)的品質(zhì),那么你就更需要認(rèn)知(x)HTML標(biāo)簽。
那么學(xué)習(xí)自然要循序漸進(jìn),當(dāng)然要從最常用、最簡(jiǎn)單的入手。如果問(wèn)在所有HTML標(biāo)簽中誰(shuí)是最常用最簡(jiǎn)單的標(biāo)簽?那我一定會(huì)說(shuō)是段落標(biāo)簽,也就是<p></p>,說(shuō)它常用,是因?yàn)閹缀跛械奈臋n文件都會(huì)用到這個(gè)標(biāo)簽,說(shuō)他簡(jiǎn)單從外形上就可以看出來(lái),他只有一個(gè)字母。雖說(shuō)是簡(jiǎn)單,但是卻也非常重要,因?yàn)檫@是一個(gè)用來(lái)區(qū)別段落用的。我們都知道段落是用來(lái)劃分文章用的,以方便閱讀。而有時(shí)候因?yàn)橐恍┸浖?,或是人為操作使得文檔中以其它的標(biāo)簽來(lái)區(qū)分,用<div></div>的就特別的多。那么有人會(huì)說(shuō):不都一樣嘛,反正都區(qū)分開(kāi)了。事實(shí)不然,雖然對(duì)于我們?nèi)藖?lái)講,用什么東西區(qū)分段落都可以,但是對(duì)于機(jī)器、程序來(lái)講,需要理解段與段就需要通過(guò)這些標(biāo)簽了。這也就是標(biāo)簽的語(yǔ)義,正確的語(yǔ)義會(huì)讓你的文檔更容易為搜索引擎所識(shí)別。同時(shí)合理安排標(biāo)簽的使用也有助于維護(hù)與管理以及代碼的移植。
當(dāng)然有很多人可能早就知道這個(gè)標(biāo)簽并且一直在用,并且還發(fā)現(xiàn)段落標(biāo)簽不使用</p>一樣可以顯示。并且在一直使用著這種方法。在HTML中這種寫(xiě)法是允許的。但是在(x)HTML中就已經(jīng)規(guī)范了這種寫(xiě)法,所有的段落標(biāo)簽都必需要加上結(jié)束標(biāo)簽。(<p>示例段落……文字</p>)這點(diǎn)要切記,(x)HTML并沒(méi)有為HTML增加什么更新的標(biāo)簽,只是規(guī)范了HTML的標(biāo)簽的使用,以及減去了一些不合理的標(biāo)簽,以及標(biāo)簽里的屬性。那么段落標(biāo)簽中都有哪些屬性?留下來(lái)多少呢?振之查閱了一些文獻(xiàn)。
align屬性:寫(xiě)法是<p align=left ></p>,屬性值有:left、right、center、justify(兩端對(duì)齊)。這是對(duì)齊屬性,作用是管理段落里文本的對(duì)齊方向。但是在(x)HTML中已經(jīng)不贊成使用這個(gè)屬性了,當(dāng)然瀏覽器還是支持這個(gè)屬性的。盡管如此我們還是不用為好,為什么不用呢,因?yàn)檫@個(gè)屬性我們完成可以通過(guò)CSS可以很簡(jiǎn)單實(shí)現(xiàn),不需要在代碼里一一加上這些屬性。
可以使用的屬性有:id、class、style、title。關(guān)于這幾個(gè)屬性將會(huì)在本專(zhuān)欄以后的文章進(jìn)行分析,這里只要大家理解在段落標(biāo)簽中可以使用這些屬性就可以了。
好了,如果你現(xiàn)在還沒(méi)嘗試為文章設(shè)置段落標(biāo)簽不如從現(xiàn)在開(kāi)始在自己手上的項(xiàng)目中加入這個(gè)代碼吧。這會(huì)讓你越來(lái)越容易的掌握WEB標(biāo)準(zhǔn)。
另外,P是個(gè)塊級(jí)標(biāo)簽,但是在這個(gè)塊級(jí)標(biāo)簽里卻不能再出現(xiàn)塊級(jí)標(biāo)簽。關(guān)于(x)HTML的嵌套規(guī)則可以參考由JUNCHEN翻譯并做出解釋的《(X)HTML Strict 下的嵌套規(guī)則》
補(bǔ)充:
應(yīng)該釋義一下:P means Paragraph, Div means Division, Span means Span. -- JUNCHEN
相關(guān)文章

AudioContext 實(shí)現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實(shí)現(xiàn)音頻可視化,要實(shí)現(xiàn)音頻可視化得先實(shí)現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細(xì)內(nèi)容2022-02-23
這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對(duì)你有所幫助2022-02-23- 這是我通過(guò)網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對(duì)html,css頁(yè)面重構(gòu)時(shí)的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開(kāi)發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開(kāi)發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開(kāi)發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強(qiáng)團(tuán)隊(duì)的開(kāi)發(fā)協(xié)作,提高代碼質(zhì)量和打造開(kāi)發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個(gè)部分。我們知道,當(dāng)一個(gè)團(tuán)隊(duì)開(kāi)始指定并實(shí)行2017-01-21web前端開(kāi)發(fā)規(guī)范文檔(2014年版本)
這篇文章主要為大家介紹了前端開(kāi)發(fā)團(tuán)隊(duì)遵循和約定的代碼書(shū)寫(xiě)規(guī)范,意在提高代碼的規(guī)范性和可維護(hù)性,需要的朋友可以參考下2017-01-21響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04在網(wǎng)頁(yè)標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁(yè)標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法。希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶(hù)都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗(yàn)的朋友確很少,在安裝過(guò)程中總會(huì)出現(xiàn)這樣那樣的問(wèn)題,基于這些問(wèn)題,下面小編抽個(gè)時(shí)間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29



