DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> WEB標准教程:鏈接和文本標簽的應用
WEB標准教程:鏈接和文本標簽的應用
編輯:CSS詳解     

第四篇《WEB標准能有多難?》專欄文章將結束關於文本部分的XHtml的講解。那麼這篇主講的內容涉及鏈接、標題、插入、刪除、上下標、分割線、換行等標簽。

我們都知道網頁的最大特性是“鏈接”,是的這個在我們現在看起來習以為常的東西,讓我們的生活發生了巨大的變化,是這個小小的標簽成就了這個世界上無數的互聯網天才。那麼讓我們看看這個標簽的真面目:<a href="URL" >文本區</a>,就是這個簡單的標簽,其實大家都在使用,用Dreamweaver可以很簡單的添加鏈接。但是盡管如此我們還是需要知道A的屬性是什麼,這樣才能更好的利用它。A是個內聯標簽,也就是說它本身並不會產生分行。他是流於文本之中的無素。那麼我們都知道內聯元素是不能包含塊元素的。那就是說在A中不能包含段落、DIV等這些塊級的元素。那麼你工作中是否有這樣的情況呢?是否在A裡加了無數的塊級標簽呢?那從現在開始改掉這個壞習慣,這樣不光可以避免一些沒必要的BUG問題,同時也能給GOOGLE等這些搜索引擎一個好印象,多點印象分。當然除此之外振之還推薦在大家伙在A中加入titile屬性。例:<a href="URL" title="這可用以解釋或是顯示完整的文本內容">文本區</a>。為什麼這麼做呢,我這裡有這樣一篇文章《當標題不能顯示完整的時候》,大家可以看一下,這只是加title屬性其中一個小小的用處,但是作用非常有效。

鏈接標簽中的href=“URL”這個URL是個非常強大的東西,當然這不是我們這個專欄的內容,但是也非常推薦讀者們可以認真閱讀一下相關的知識。我從百度百科中找到了相關文檔,請大家點擊閱讀(站外鏈接請讀者們選擇新窗口閱讀)。關於鏈接就暫時只講這麼多,如有什麼疑問請通過文後的聯系信息與我聯系或是在線給我留言。

標題幾乎是所有文章都會有的要素,也是我們用以識實與索引文章的重要元素。我們通過標題去感知文章內的核心。那麼你知道嗎?合理使用標題標簽會讓你的文章更受關注。我們都知道XHtml給我們提供了h1~h6,六個標題標簽,那麼我們如何分配這六個標題標簽的使用呢?下面給出一些建議:h1,在浏覽器中顯示最大,那麼自然用來表示最大的標題,對於一個網站來說哪個標題才是最大的?是LOGO,我們通常會在網站的最前面先標注這個網站的名稱。所以h1就用來放LOGO,當然如果你的網站沒有LOGO,只有一個網站名稱,那也可以。當然振之是不推薦在大家在h1中放個圖片。我們完全可以通過CSS來實現以圖換字。並且推薦網頁中h1只出現一次。

當h1找到了專用的功能,那麼擔任內容標是,或是基它標題的重擔就要放在另外幾個標題標簽上了。在余下的幾個標題中h5與h6在浏覽器默認顯示字體是小於正常文本字體的。那麼推薦h5與h6只作為免責聲明或是版權通告來使用。這樣即表明重要性,又不會太過明顯影響閱讀。對於標題標簽的使用盡可能的注意一下他們之間的等級關系。當然標題的使用還是需要根據實際使用來決定。這裡只是給出個建議。標題標簽是塊線元素,但是他並不能再包含塊級元素了,只能包含內聯的元素,比如鏈接、圖像,換行之類的。記得有個朋友前兩天在文章中提到過關於標題的內容,但是寫法就有錯了,他把鏈接寫在了H1標簽的外面,把H1包起來了,這樣的寫法是不推薦的。也不符合標准思維容易給以後的學習產生不好導向。

我們的文章難免會有錯誤的地方,那麼有錯就要改,但是有時候我們需要告訴讀者這段是被刪除的但是又能讓讀者看到。那麼刪除標簽的作用就產生了。以前我們會使用<s></s>或是<strike></strike>來得到一個刪除線的效果。但是這僅表是一個刪除線的效果,語義上沒有DEL來得更為明確,所以這裡我要告訴大家放棄以前的方式,采用<del></del>這個標簽。同樣能表達我們需要的效果,並且意義更為直接明確。那麼除了刪除有時我們還需要對刪除的部分作出一些添加與修改。那麼時候這個標簽就非常有作用了那就是插入標簽<ins></ins>。相信不用我說大家也知道如何使用這兩個標簽,但是千萬別忘記了給這兩個標簽加上兩個重要的屬性:cite與datetime。解釋與時間。解釋不用說了,只要用文字注明為什麼要刪除或是為什麼要插入就可以了。但是這個時間需要明確一下格式。嚴格的格式是:YYYY-MM-DDThh:mm:ssTZD。呵呵與我們平時用的差不多但是有區別,其中T是表示時間段開始的必需字符,而TZD則是表示時區,Z是表是格林威治標准時間。一秀的寫法是:2008-03-25T14:26:22Z

在所有的標簽中有兩上標簽是樣式標簽,但是卻沒有被禁用,因為這兩個標簽所表述的內容很特別,上下標,<sup>上標</sup>,<sub>下標</sub>。

這兩個標簽用得到機率比較小,但是上標應該還是會常用到的,比如溫度中的攝氏度的上的小圓圈,當然現有有專業的字符對應“℃”,還有我們常看到書中的腳注上標[1]

hr,分平分隔線,這個標簽與換行標簽只要注意標簽的寫法就可以了<hr /><br />

關於文本部分的標簽就講到這裡,當然標簽可能還有很多,但是一些不推薦使用的,不常用的,這裡就不再推薦,有興趣的可以搜索一下相關的內空閱讀一下即可。下一篇將引入CSS,一點點的美化我們的文檔。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved