網頁設計中的鏈結和文本標籤的應用

我們都知道網頁設計的最大特性是“鏈結”，是的這個在我們現在看起來習以為常的東西，讓我們的生活發生了巨大的變化，是這個小小的標籤成就了這個世界上無數的互聯網天才。那麼讓我們看看這個標籤的真面目： 文本區，就是這個簡單的標籤，其實大家都在使用，用Dreamweaver可以很簡單的添加鏈結。但是儘管如此我們還是需要知道A的屬性是什麼，這樣才能更好的利用它。A是個內聯標籤，也就是說它本身並不會產生分行。他是流于文本之中的無素。那麼我們都知道內聯元素是不能包含塊元素的。那就是說在A中不能包含段落、DIV等這些塊級的元素。那麼你工作中是否有這樣的情況呢？是否在A里加了無數的塊級標籤呢？那從現在開始改掉這個壞習慣，這樣不光可以避免一些沒必要的BUG問題，同時也能給GOOGLE等這些搜索引擎一個好印象，多點印象分。當然除此之外振之還推薦在大傢伙在A中加入titile屬性。例： 文本區。為什麼這麼做呢，我這裏有這樣一篇文章《當標題不能顯示完整的時候》，大家可以看一下，這只是加title屬性其中一個小小的用處，但是作用非常有效。 鏈結標籤中的href＝“URL”這個URL是個非常強大的東西，當然這不是我們這個專欄的內容，但是也非常推薦讀者們可以認真閱讀一下相關的知識。我從百度百科中找到了相關文檔，請大家點擊閱讀（站外鏈結請讀者們選擇新視窗閱讀）。關於鏈結就暫時只講這麼多，如有什麼疑問請通過文後的聯繫資訊與我聯繫或是線上給我留言。 標題幾乎是所有文章都會有的要素，也是我們用以識實與索引文章的重要元素。我們通過標題去感知文章內的核心。那麼你知道嗎？合理使用標題標籤會讓你的文章更受關注。我們都知道XHTML給我們提供了h1~h6，六個標題標籤，那麼我們如何分配這六個標題標籤的使用呢？下面給出一些建議：h1，在流覽器中顯示最大，那麼自然用來表示最大的標題，對於一個網站來說哪個標題才是最大的？是LOGO，我們通常會在網站的最前面先標注這個網站建設的名稱。所以h1就用來放LOGO，當然如果你的網站沒有LOGO，只有一個網站名稱，那也可以。當然振之是不推薦在大家在h1中放個圖片。我們完全可以通過CSS來實現以圖換字。並且推薦網頁中h1只出現一次。 當h1找到了專用的功能，那麼擔任內容標是，或是基它標題的重擔就要放在另外幾個標題標籤上了。在餘下的幾個標題中h5與h6在流覽器默認顯示字體是小於正常文本字體的。那麼推薦h5與h6只作為免責聲明或是版權通告來使用。這樣即表明重要性，又不會太過明顯影響閱讀。對於標題標籤的使用盡可能的注意一下他們之間的等級關係。當然標題的使用還是需要根據實際使用來決定。這裏只是給出個建議。標題標籤是塊線元素，但是他並不能再包含塊級元素了，只能包含內聯的元素，比如鏈結、圖像，換行之類的。記得有個朋友前兩天在文章中提到過關於標題的內容，但是寫法就有錯了，他把鏈結寫在了H1標籤的外面，把H1包起來了，這樣的寫法是不推薦的。也不符合標準思維容易給以後的學習產生不好導向。 我們的文章難免會有錯誤的地方，那麼有錯就要改，但是有時候我們需要告訴讀者這段是被刪除的但是又能讓讀者看到。那麼刪除標籤的作用就產生了。以前我們會使用或是來得到一個刪除線的效果。但是這僅表是一個刪除線的效果，語義上沒有DEL來得更為明確，所以這裏我要告訴大家放棄以前的方式，採用這個標籤。同樣能表達我們需要的Web Design效果，並且意義更為直接明確。那麼除了刪除有時我們還需要對刪除的部分作出一些添加與修改。那麼時候這個標籤就非常有作用了那就是插入標籤。相信不用我說大家也知道如何使用這兩個標籤，但是千萬別忘記了給這兩個標籤加上兩個重要的屬性：cite與datetime。解釋與時間。解釋不用說了，只要用文字注明為什麼要刪除或是為什麼要插入就可以了。但是這個時間需要明確一下格式。嚴格的格式是：YYYY-MM-DDThh:mm:ssTZD。呵呵與我們平時用的差不多但是有區別，其中T是表示時間段開始的必需字元，而TZD則是表示時區，Z是表是格林威治標準時間。一秀的寫法是：2008-03-25T14:26:22Z 在所有的標籤中有兩上標籤是樣式標籤，但是卻沒有被禁用，因為這兩個標籤所表述的內容很特別，上下標，^上標,_下標。 這兩個標籤用得到機率比較小，但是上標應該還是會常用到的，比如溫度中的攝氏度的上的小圓圈，當然現有有專業的字元對應“℃”，還有我們常看到書中的註腳上標[1]。 hr，分平分隔線，這個標籤與換行標籤只要注意標籤的寫法就可以了