html連結與文字標籤們_經驗交流
來源:互聯網
上載者:User
我們都知道網頁的最大特性是“連結”,是的這個在我們現在看起來習以為常的東西,讓我們的生活發生了巨大的變化,是這個小小的標籤成就了這個世界上無數的互連網天才。那麼讓我們看看這個標籤的真面目:
文本區
就是這個簡單的標籤,其實大家都在使用,用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來得更為明確,所以這裡我要告訴大家放棄以前的方式,採用這個標籤。同樣能表達我們需要的效果,並且意義更為直接明確。那麼除了刪除有時我們還需要對刪除的部分作出一些添加與修改。那麼時候這個標籤就非常有作用了那就是插入標籤。相信不用我說大家也知道如何使用這兩個標籤,但是千萬別忘記了給這兩個標籤加上兩個重要的屬性:cite與datetime。解釋與時間。解釋不用說了,只要用文字註明為什麼要刪除或是為什麼要插入就可以了。但是這個時間需要明確一下格式。嚴格的格式是:YYYY-MM-DDThh:mm:ssTZD。呵呵與我們平時用的差不多但是有區別,其中T是表示時間段開始的必需字元,而TZD則是表示時區,Z是表是格林威治標準時間。一秀的寫法是:2008-03-25T14:26:22Z
在所有的標籤中有兩上標籤是樣式標籤,但是卻沒有被禁用,因為這兩個標籤所表述的內容很特別,上下標,上標,下標。
這兩個標籤用得到機率比較小,但是上標應該還是會常用到的,比如溫度中的攝氏度的上的小圓圈,當然現有有專業的字元對應“℃”,還有我們常看到書中的腳註上標[1]。
hr,分平分隔線,這個標籤與換列標籤只要注意標籤的寫法就可以了
關於文本部分的標籤就講到這裡,當然標籤可能還有很多,但是一些不推薦使用的,不常用的,這裡就不再推薦,有興趣的可以搜尋一下相關的內空閱讀一下即可。下一篇將引入CSS,一點點的美化我們的文檔。