|
上一節(jié)：用途相似的標(biāo)簽
web標(biāo)準(zhǔn)知識(shí)——用途相似的標(biāo)簽
這篇主講的內(nèi)容涉及鏈接、標(biāo)題、插入、刪除、上下標(biāo)、分割線、換行等標(biāo)簽。
我們都知道網(wǎng)頁(yè)的最大特性是“鏈接”，是的這個(gè)在我們現(xiàn)在看起來(lái)習(xí)以為常的東西，讓我們的生活發(fā)生了巨大的變化，是這個(gè)小小的標(biāo)簽成就了這個(gè)世界上無(wú)數(shù)的互聯(lián)網(wǎng)天才。那么讓我們看看這個(gè)標(biāo)簽的真面目：
<a href="URL" >文本區(qū)</a>
就是這個(gè)簡(jiǎn)單的標(biāo)簽，其實(shí)大家都在使用，用Dreamweaver可以很簡(jiǎn)單的添加鏈接。但是盡管如此我們還是需要知道A的屬性是什么，這樣才能更好的利用它。A是個(gè)內(nèi)聯(lián)標(biāo)簽，也就是說(shuō)它本身并不會(huì)產(chǎn)生分行。他是流于文本之中的無(wú)素。那么我們都知道內(nèi)聯(lián)元素是不能包含塊元素的。那就是說(shuō)在A中不能包含段落、DIV等這些塊級(jí)的元素。那么你工作中是否有這樣的情況呢？是否在A里加了無(wú)數(shù)的塊級(jí)標(biāo)簽?zāi)�？那從現(xiàn)在開始改掉這個(gè)壞習(xí)慣，這樣不光可以避免一些沒(méi)必要的BUG問(wèn)題，同時(shí)也能給GOOGLE等這些搜索引擎一個(gè)好印象，多點(diǎn)印象分。當(dāng)然除此之外振之還推薦在大家伙在A中加入titile屬性。例：
<a href="URL" title="這可用以解釋或是顯示完整的文本內(nèi)容">文本區(qū)</a>
為什么這么做呢，我這里有這樣一篇文章《當(dāng)標(biāo)題不能顯示完整的時(shí)候》，大家可以看一下，這只是加title屬性其中一個(gè)小小的用處，但是作用非常有效。
鏈接標(biāo)簽中的href＝“URL”這個(gè)URL是個(gè)非常強(qiáng)大的東西，當(dāng)然這不是我們這個(gè)專欄的內(nèi)容，但是也非常推薦讀者們可以認(rèn)真閱讀一下相關(guān)的知識(shí)。我從 百度百科 中找到了相關(guān)文檔，請(qǐng)大家 點(diǎn)擊閱讀 。關(guān)于鏈接就暫時(shí)只講這么多，如有什么疑問(wèn)請(qǐng)通過(guò)文后的聯(lián)系信息與我聯(lián)系或是在線給我留言。
標(biāo)題幾乎是所有文章都會(huì)有的要素，也是我們用以識(shí)實(shí)與索引文章的重要元素。我們通過(guò)標(biāo)題去感知文章內(nèi)的核心。那么你知道嗎？合理使用標(biāo)題標(biāo)簽會(huì)讓你的文章更受關(guān)注。我們都知道XHTML給我們提供了h1~h6，六個(gè)標(biāo)題標(biāo)簽，那么我們?nèi)绾畏峙溥@六個(gè)標(biāo)題標(biāo)簽的使用呢？下面給出一些建議：h1，在瀏覽器中顯示最大，那么自然用來(lái)表示最大的標(biāo)題，對(duì)于一個(gè)網(wǎng)站來(lái)說(shuō)哪個(gè)標(biāo)題才是最大的？是LOGO，我們通常會(huì)在網(wǎng)站的最前面先標(biāo)注這個(gè)網(wǎng)站的名稱。所以h1就用來(lái)放LOGO，當(dāng)然如果你的網(wǎng)站沒(méi)有LOGO，只有一個(gè)網(wǎng)站名稱，那也可以。當(dāng)然振之是不推薦在大家在h1中放個(gè)圖片。我們完全可以通過(guò)CSS來(lái)實(shí)現(xiàn)以圖換字。并且推薦網(wǎng)頁(yè)中h1只出現(xiàn)一次。
當(dāng)h1找到了專用的功能，那么擔(dān)任內(nèi)容標(biāo)是，或是基它標(biāo)題的重?fù)?dān)就要放在另外幾個(gè)標(biāo)題標(biāo)簽上了。在余下的幾個(gè)標(biāo)題中h5與h6在瀏覽器默認(rèn)顯示字體是小于正常文本字體的。那么推薦h5與h6只作為免責(zé)聲明或是版權(quán)通告來(lái)使用。這樣即表明重要性，又不會(huì)太過(guò)明顯影響閱讀。對(duì)于標(biāo)題標(biāo)簽的使用盡可能的注意一下他們之間的等級(jí)關(guān)系。當(dāng)然標(biāo)題的使用還是需要根據(jù)實(shí)際使用來(lái)決定。這里只是給出個(gè)建議。標(biāo)題標(biāo)簽是塊線元素，但是他并不能再包含塊級(jí)元素了，只能包含內(nèi)聯(lián)的元素，比如鏈接、圖像，換行之類的。記得有個(gè)朋友前兩天在文章中提到過(guò)關(guān)于標(biāo)題的內(nèi)容，但是寫法就有錯(cuò)了，他把鏈接寫在了H1標(biāo)簽的外面，把H1包起來(lái)了，這樣的寫法是不推薦的。也不符合標(biāo)準(zhǔn)思維容易給以后的學(xué)習(xí)產(chǎn)生不好導(dǎo)向。
我們的文章難免會(huì)有錯(cuò)誤的地方，那么有錯(cuò)就要改，但是有時(shí)候我們需要告訴讀者這段是被刪除的但是又能讓讀者看到。那么刪除標(biāo)簽的作用就產(chǎn)生了。以前我們會(huì)使用<s></s>或是<strike></strike>來(lái)得到一個(gè)刪除線的效果。但是這僅表是一個(gè)刪除線的效果，語(yǔ)義上沒(méi)有DEL來(lái)得更為明確，所以這里我要告訴大家放棄以前的方式，采用<del></del>這個(gè)標(biāo)簽。同樣能表達(dá)我們需要的效果，并且意義更為直接明確。那么除了刪除有時(shí)我們還需要對(duì)刪除的部分作出一些添加與修改。那么時(shí)候這個(gè)標(biāo)簽就非常有作用了那就是插入標(biāo)簽<ins></ins>。相信不用我說(shuō)大家也知道如何使用這兩個(gè)標(biāo)簽，但是千萬(wàn)別忘記了給這兩個(gè)標(biāo)簽加上兩個(gè)重要的屬性：cite與datetime。解釋與時(shí)間。解釋不用說(shuō)了，只要用文字注明為什么要?jiǎng)h除或是為什么要插入就可以了。但是這個(gè)時(shí)間需要明確一下格式。嚴(yán)格的格式是：YYYY-MM-DDThh:mm:ssTZD。呵呵與我們平時(shí)用的差不多但是有區(qū)別，其中T是表示時(shí)間段開始的必需字符，而TZD則是表示時(shí)區(qū)，Z是表是格林威治標(biāo)準(zhǔn)時(shí)間。一秀的寫法是：2008-03-25T14:26:22Z
在所有的標(biāo)簽中有兩上標(biāo)簽是樣式標(biāo)簽，但是卻沒(méi)有被禁用，因?yàn)檫@兩個(gè)標(biāo)簽所表述的內(nèi)容很特別，上下標(biāo)，<sup>上標(biāo)</sup>,<sub>下標(biāo)</sub>。
這兩個(gè)標(biāo)簽用得到機(jī)率比較小，但是上標(biāo)應(yīng)該還是會(huì)常用到的，比如溫度中的攝氏度的上的小圓圈，當(dāng)然現(xiàn)有有專業(yè)的字符對(duì)應(yīng)“℃”，還有我們常看到書中的腳注上標(biāo)[1]。
hr，分平分隔線，這個(gè)標(biāo)簽與換行標(biāo)簽只要注意標(biāo)簽的寫法就可以了<hr /><br />
關(guān)于文本部分的標(biāo)簽就講到這里，當(dāng)然標(biāo)簽可能還有很多，但是一些不推薦使用的，不常用的，這里就不再推薦，有興趣的可以搜索一下相關(guān)的內(nèi)空閱讀一下即可。下一篇將引入CSS，一點(diǎn)點(diǎn)的美化我們的文檔。
下一節(jié)：美化段落文本 Ⅰ
本文鏈接：http://m.95time.cn/tech/web/2008/5818.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
