首頁 > web前端 > css教學 > 主體

html連結與文字標籤們_經驗交流

WBOY
發布: 2016-05-16 12:05:39
原創
1858 人瀏覽過

我們都知道網頁的最大特性是“鏈接”,是的這個在我們現在看起來習以為常的東西,讓我們的生活發生了巨大的變化,是這個小小的標籤成就了這個世界上無數的互聯網天才。那麼讓我們來看看這個標籤的真面目:

文字區
就是這個簡單的標籤,其實大家都在使用,用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,一點點的美化我們的文件。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!