WEB標(biāo)準(zhǔn)教程:功能豐富的段落P標(biāo)簽

關(guān)于段落<p></p>相信大家已經(jīng)都在自己的工作中開始關(guān)注并應(yīng)用了。因?yàn)槟钦娴氖欠浅:?jiǎn)單的事,只要你愿意你隨時(shí)都可以開始讓你的頁面代碼更為標(biāo)準(zhǔn)化。如果你已經(jīng)開始跟著《WEB標(biāo)準(zhǔn)能有多難?》在自己的工作中循序漸進(jìn)地運(yùn)用WEB標(biāo)準(zhǔn)了,那么這次的內(nèi)容會(huì)讓你更進(jìn)一步的了解到關(guān)于段落里的細(xì)節(jié)。要是你剛剛準(zhǔn)備好開始沒關(guān)系可以先看看《從p開始,循序漸進(jìn)》,然后再看本文。
昨天晚上我決定了放棄在這個(gè)時(shí)候插.入CSS內(nèi)容,繼續(xù)深入XHTML的內(nèi)容。也許大家會(huì)覺XHTML遠(yuǎn)沒有CSS有趣,是的,的確如此,CSS能變化出無數(shù)看得見的可能。而XHTML只不過是為了機(jī)器與程序準(zhǔn)備的。但是事實(shí)上XHTML的重要性要比CSS重要得多。我們都知道網(wǎng)頁本身的作用是用以承載信息、數(shù)據(jù)、知識(shí),我們這里暫把這些稱之為“內(nèi)容”。網(wǎng)站的第一要素就是內(nèi)容,沒有內(nèi)容的網(wǎng)頁可能就不能叫網(wǎng)頁了,但是如果你把一堆的內(nèi)容放在一起沒有標(biāo)簽去區(qū)別段落、重點(diǎn)、引用等那么內(nèi)容將擠在一起,沒辦法閱讀,就算你是個(gè)CSS的高手,在一堆沒有XHTML標(biāo)簽的文檔中讓你去美化它,你也無從入手。是的內(nèi)容需要XHTML去區(qū)分內(nèi)容并且給CSS以用武之地。如果說內(nèi)容是內(nèi)臟與靈魂,CSS是皮肉,那么XHTML就是骨骼。
XHTML那么的重要我們當(dāng)然不能浪費(fèi)時(shí)間,現(xiàn)在就來一一去介紹可以用在段落中的標(biāo)簽。(大家要注意這句話:“用在段落中的標(biāo)簽”,這就表明這些標(biāo)簽不是塊級(jí)標(biāo)簽。是內(nèi)聯(lián)標(biāo)簽。)首先要介紹的是強(qiáng)調(diào)標(biāo)簽——strong與em。為什么一次要介紹兩個(gè)標(biāo)簽?zāi)??因?yàn)檫@兩個(gè)標(biāo)簽都有強(qiáng)調(diào)的意思。同是強(qiáng)調(diào)那么為什么要用兩個(gè)標(biāo)簽這么浪費(fèi)呢?雖然都有強(qiáng)調(diào)的意思,但是強(qiáng)調(diào)的力度卻有所不同。strong要比em力度更大一點(diǎn)。如果說em是中國(guó)詞匯中的“強(qiáng)調(diào)”、“注意”,那么strong就是“再三強(qiáng)調(diào)”、“特別注意”。當(dāng)然在文本中不能濫用強(qiáng)調(diào)標(biāo)簽,合理使用會(huì)讓文章中的重點(diǎn)內(nèi)容得到突出。那么一般性的強(qiáng)調(diào)用em即可,如果是需要特別重點(diǎn)的再用strong。
也許有的朋友會(huì)說,strong與em的區(qū)別就是strong中的內(nèi)容是粗體顯示,em中的內(nèi)容是斜體顯示。這種說法是錯(cuò)誤的,因?yàn)檫@兩個(gè)標(biāo)簽本身不具備樣式屬性。HTML標(biāo)簽中有一些樣式標(biāo)簽比如<b><i><u>,并且樣式標(biāo)簽已經(jīng)在XHTML中不推薦使用了。而我們?cè)跒g覽器里看到的strong中的內(nèi)容是粗體顯示,那只是瀏覽器對(duì)標(biāo)簽的預(yù)設(shè)樣式。并不表示striong就是粗體,如果有一天瀏覽器不再提供預(yù)設(shè)樣式了,那么strong中的內(nèi)容不會(huì)出現(xiàn)任何樣式。em也是一樣。關(guān)于這個(gè)問題有興趣的朋友可以查閱一下《語義與樣式無關(guān)》一文。
我們現(xiàn)在都很喜歡使用縮略詞來表述特定的事物或是事件,這樣做的好處是方便快遞地傳達(dá)信息,而不用每次都去打那么長(zhǎng)的文字,特別是對(duì)于重復(fù)出現(xiàn)的詞匯。那么縮略詞應(yīng)該用什么樣的XHTML標(biāo)簽?zāi)??這次又是一次介紹兩個(gè)標(biāo)簽——abbr與acronym。這兩個(gè)標(biāo)簽的大致用途是一樣的,但是也還是有細(xì)節(jié)上的不同。比如<abbr></abbr>的作用是表明標(biāo)簽中的內(nèi)容為縮寫形式。而<acronym></acronym>的作用是表明標(biāo)簽中的內(nèi)容是首字母縮寫詞。大家注意到了,我為“首字母縮寫詞”使用了em強(qiáng)調(diào)。一般來講acronym要比abbr在英文中常用,但是在中文正好相反。因?yàn)橹形闹袥]有首字母縮寫。也許有首字縮寫但這也比較少有。例如:我倒是覺得文中出現(xiàn)中國(guó)成語的時(shí)候應(yīng)該使用abbr。當(dāng)然光只有這個(gè)標(biāo)簽還不行,因?yàn)橹恢浪莻€(gè)縮略詞還不行,至少還要給出詳細(xì)的名稱啊。所以這兩個(gè)標(biāo)簽在使用的時(shí)候還要再加上一個(gè)title屬性。正確的寫法應(yīng)該是這樣的。<acronym title="European Computer Manufacturers Association">ECMA</acronym>;<abbr title="按照一定的步驟逐漸深入或提高。">循序漸進(jìn)</abbr>在瀏覽器上并不會(huì)直接顯示title里的內(nèi)容,只有當(dāng)鼠標(biāo)移動(dòng)到那個(gè)位置后才會(huì)出現(xiàn)懸浮提示。當(dāng)然一般縮寫標(biāo)簽只在縮略詞第一次出現(xiàn)的時(shí)候使用,以后文章中再出現(xiàn)就可以不用了。
你的文檔里是否有縮略詞?你是否給出了縮略詞完整的詞匯呢?如果有快點(diǎn)應(yīng)用起來,這會(huì)讓你的文檔更受歡迎的。如果想要自己的文檔受到歡迎,那么你的文檔必需要懂禮貌。也許有朋友會(huì)說:你要瘋啊,文檔怎么懂禮貌呢? 事實(shí)上文檔的確需要懂禮貌,比如當(dāng)你引用了別人的某個(gè)參考文獻(xiàn)、書籍、雜志的時(shí)候是否標(biāo)注出來了呢?對(duì)這就是我們這里要說的文檔的禮貌。尊重他人比如當(dāng)我需要向大家推薦一篇他人的文章,那么我就需要這樣來處理:<a href="……"><cite>推薦文章的標(biāo)題<cite></a>大家注意到了,在A標(biāo)簽中還有一個(gè)cite標(biāo)簽。當(dāng)然如果你需要引用的是一句話或是一段文字那么這個(gè)標(biāo)簽就不適合了。這個(gè)標(biāo)簽只表注出文獻(xiàn)的標(biāo)題與名稱。這個(gè)標(biāo)簽有點(diǎn)類似于我們書籍后面的參考文獻(xiàn)的目錄內(nèi)容,也有點(diǎn)像是腳注。當(dāng)然cite這個(gè)標(biāo)簽完全可以這么處理。至于需要引用一句話或是成段的文字的標(biāo)簽我們將會(huì)在以后介紹。
對(duì)于我們這個(gè)行業(yè)來說在文檔中出現(xiàn)代碼的機(jī)率真的是太高了。那么如何把文檔中的代碼與內(nèi)容區(qū)分開,必然需要特定的標(biāo)簽。這里介紹的就是最常用的,簡(jiǎn)單的code標(biāo)簽。這個(gè)標(biāo)簽的作用僅是處理一些精短的代碼,對(duì)于需要分行、縮進(jìn)的大量的代碼并不適合,對(duì)于如同本文中出現(xiàn)的一些代碼就比較適合使用code這個(gè)標(biāo)簽了。如果大家有興趣可以翻開本文的源代碼來看一下。關(guān)于大量的代碼如何處理那就請(qǐng)各位朋友期待以后的文章吧。
這里還要提醒大家一下,看了本文并不起什么作用,把看到的應(yīng)用到自己的工作中才是最重要的。只要你在應(yīng)用,你就離成功更進(jìn)一步了。讓我們一起努力,加油
相關(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
- 這是我通過網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對(duì)html,css頁面重構(gòu)時(shí)的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強(qiáng)團(tuán)隊(duì)的開發(fā)協(xié)作,提高代碼質(zhì)量和打造開發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個(gè)部分。我們知道,當(dāng)一個(gè)團(tuán)隊(duì)開始指定并實(shí)行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團(tuán)隊(duì)遵循和約定的代碼書寫規(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)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法。希望對(duì)大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗(yàn)的朋友確很少,在安裝過程中總會(huì)出現(xià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