html鏈接與文本標簽們
更新時間：2008年06月02日 19:48:05 作者：
這篇主講的內(nèi)容涉及鏈接、標題、插入、刪除、上下標、分割線、換行等標簽。
我們都知道網(wǎng)頁的最大特性是“鏈接”，是的這個在我們現(xiàn)在看起來習以為常的東西，讓我們的生活發(fā)生了巨大的變化，是這個小小的標簽成就了這個世界上無數(shù)的互聯(lián)網(wǎng)天才。那么讓我們看看這個標簽的真面目：
<a href="URL" >文本區(qū)</a>
就是這個簡單的標簽，其實大家都在使用，用Dreamweaver可以很簡單的添加鏈接。但是盡管如此我們還是需要知道A的屬性是什么，這樣才能更好的利用它。A是個內(nèi)聯(lián)標簽，也就是說它本身并不會產(chǎn)生分行。他是流于文本之中的無素。那么我們都知道內(nèi)聯(lián)元素是不能包含塊元素的。那就是說在A中不能包含段落、DIV等這些塊級的元素。那么你工作中是否有這樣的情況呢？是否在A里加了無數(shù)的塊級標簽呢？那從現(xiàn)在開始改掉這個壞習慣，這樣不光可以避免一些沒必要的BUG問題，同時也能給GOOGLE等這些搜索引擎一個好印象，多點印象分。當然除此之外振之還推薦在大家伙在A中加入titile屬性。例：
<a href="URL" title="這可用以解釋或是顯示完整的文本內(nèi)容">文本區(qū)</a>
為什么這么做呢，我這里有這樣一篇文章《當標題不能顯示完整的時候》，大家可以看一下，這只是加title屬性其中一個小小的用處，但是作用非常有效。
鏈接標簽中的href＝“URL”這個URL是個非常強大的東西，當然這不是我們這個專欄的內(nèi)容，但是也非常推薦讀者們可以認真閱讀一下相關(guān)的知識。我從 百度百科 中找到了相關(guān)文檔，請大家 點擊閱讀 。關(guān)于鏈接就暫時只講這么多，如有什么疑問請通過文后的聯(lián)系信息與我聯(lián)系或是在線給我留言。
標題幾乎是所有文章都會有的要素，也是我們用以識實與索引文章的重要元素。我們通過標題去感知文章內(nèi)的核心。那么你知道嗎？合理使用標題標簽會讓你的文章更受關(guān)注。我們都知道XHTML給我們提供了h1~h6，六個標題標簽，那么我們?nèi)绾畏峙溥@六個標題標簽的使用呢？下面給出一些建議：h1，在瀏覽器中顯示最大，那么自然用來表示最大的標題，對于一個網(wǎng)站來說哪個標題才是最大的？是LOGO，我們通常會在網(wǎng)站的最前面先標注這個網(wǎng)站的名稱。所以h1就用來放LOGO，當然如果你的網(wǎng)站沒有LOGO，只有一個網(wǎng)站名稱，那也可以。當然振之是不推薦在大家在h1中放個圖片。我們完全可以通過CSS來實現(xiàn)以圖換字。并且推薦網(wǎng)頁中h1只出現(xiàn)一次。
當h1找到了專用的功能，那么擔任內(nèi)容標是，或是基它標題的重擔就要放在另外幾個標題標簽上了。在余下的幾個標題中h5與h6在瀏覽器默認顯示字體是小于正常文本字體的。那么推薦h5與h6只作為免責聲明或是版權(quán)通告來使用。這樣即表明重要性，又不會太過明顯影響閱讀。對于標題標簽的使用盡可能的注意一下他們之間的等級關(guān)系。當然標題的使用還是需要根據(jù)實際使用來決定。這里只是給出個建議。標題標簽是塊線元素，但是他并不能再包含塊級元素了，只能包含內(nèi)聯(lián)的元素，比如鏈接、圖像，換行之類的。記得有個朋友前兩天在文章中提到過關(guān)于標題的內(nèi)容，但是寫法就有錯了，他把鏈接寫在了H1標簽的外面，把H1包起來了，這樣的寫法是不推薦的。也不符合標準思維容易給以后的學習產(chǎn)生不好導向。
我們的文章難免會有錯誤的地方，那么有錯就要改，但是有時候我們需要告訴讀者這段是被刪除的但是又能讓讀者看到。那么刪除標簽的作用就產(chǎn)生了。以前我們會使用<s></s>或是<strike></strike>來得到一個刪除線的效果。但是這僅表是一個刪除線的效果，語義上沒有DEL來得更為明確，所以這里我要告訴大家放棄以前的方式，采用<del></del>這個標簽。同樣能表達我們需要的效果，并且意義更為直接明確。那么除了刪除有時我們還需要對刪除的部分作出一些添加與修改。那么時候這個標簽就非常有作用了那就是插入標簽<ins></ins>。相信不用我說大家也知道如何使用這兩個標簽，但是千萬別忘記了給這兩個標簽加上兩個重要的屬性：cite與datetime。解釋與時間。解釋不用說了，只要用文字注明為什么要刪除或是為什么要插入就可以了。但是這個時間需要明確一下格式。嚴格的格式是：YYYY-MM-DDThh:mm:ssTZD。呵呵與我們平時用的差不多但是有區(qū)別，其中T是表示時間段開始的必需字符，而TZD則是表示時區(qū)，Z是表是格林威治標準時間。一秀的寫法是：2008-03-25T14:26:22Z
在所有的標簽中有兩上標簽是樣式標簽，但是卻沒有被禁用，因為這兩個標簽所表述的內(nèi)容很特別，上下標，<sup>上標</sup>,<sub>下標</sub>。
這兩個標簽用得到機率比較小，但是上標應(yīng)該還是會常用到的，比如溫度中的攝氏度的上的小圓圈，當然現(xiàn)有有專業(yè)的字符對應(yīng)“℃”，還有我們?？吹綍械哪_注上標[1]。
hr，分平分隔線，這個標簽與換行標簽只要注意標簽的寫法就可以了<hr /><br />
關(guān)于文本部分的標簽就講到這里，當然標簽可能還有很多，但是一些不推薦使用的，不常用的，這里就不再推薦，有興趣的可以搜索一下相關(guān)的內(nèi)空閱讀一下即可。下一篇將引入CSS，一點點的美化我們的文檔。
<a href="URL" >文本區(qū)</a>
就是這個簡單的標簽，其實大家都在使用，用Dreamweaver可以很簡單的添加鏈接。但是盡管如此我們還是需要知道A的屬性是什么，這樣才能更好的利用它。A是個內(nèi)聯(lián)標簽，也就是說它本身并不會產(chǎn)生分行。他是流于文本之中的無素。那么我們都知道內(nèi)聯(lián)元素是不能包含塊元素的。那就是說在A中不能包含段落、DIV等這些塊級的元素。那么你工作中是否有這樣的情況呢？是否在A里加了無數(shù)的塊級標簽呢？那從現(xiàn)在開始改掉這個壞習慣，這樣不光可以避免一些沒必要的BUG問題，同時也能給GOOGLE等這些搜索引擎一個好印象，多點印象分。當然除此之外振之還推薦在大家伙在A中加入titile屬性。例：
<a href="URL" title="這可用以解釋或是顯示完整的文本內(nèi)容">文本區(qū)</a>
為什么這么做呢，我這里有這樣一篇文章《當標題不能顯示完整的時候》，大家可以看一下，這只是加title屬性其中一個小小的用處，但是作用非常有效。
鏈接標簽中的href＝“URL”這個URL是個非常強大的東西，當然這不是我們這個專欄的內(nèi)容，但是也非常推薦讀者們可以認真閱讀一下相關(guān)的知識。我從 百度百科 中找到了相關(guān)文檔，請大家 點擊閱讀 。關(guān)于鏈接就暫時只講這么多，如有什么疑問請通過文后的聯(lián)系信息與我聯(lián)系或是在線給我留言。
標題幾乎是所有文章都會有的要素，也是我們用以識實與索引文章的重要元素。我們通過標題去感知文章內(nèi)的核心。那么你知道嗎？合理使用標題標簽會讓你的文章更受關(guān)注。我們都知道XHTML給我們提供了h1~h6，六個標題標簽，那么我們?nèi)绾畏峙溥@六個標題標簽的使用呢？下面給出一些建議：h1，在瀏覽器中顯示最大，那么自然用來表示最大的標題，對于一個網(wǎng)站來說哪個標題才是最大的？是LOGO，我們通常會在網(wǎng)站的最前面先標注這個網(wǎng)站的名稱。所以h1就用來放LOGO，當然如果你的網(wǎng)站沒有LOGO，只有一個網(wǎng)站名稱，那也可以。當然振之是不推薦在大家在h1中放個圖片。我們完全可以通過CSS來實現(xiàn)以圖換字。并且推薦網(wǎng)頁中h1只出現(xiàn)一次。
當h1找到了專用的功能，那么擔任內(nèi)容標是，或是基它標題的重擔就要放在另外幾個標題標簽上了。在余下的幾個標題中h5與h6在瀏覽器默認顯示字體是小于正常文本字體的。那么推薦h5與h6只作為免責聲明或是版權(quán)通告來使用。這樣即表明重要性，又不會太過明顯影響閱讀。對于標題標簽的使用盡可能的注意一下他們之間的等級關(guān)系。當然標題的使用還是需要根據(jù)實際使用來決定。這里只是給出個建議。標題標簽是塊線元素，但是他并不能再包含塊級元素了，只能包含內(nèi)聯(lián)的元素，比如鏈接、圖像，換行之類的。記得有個朋友前兩天在文章中提到過關(guān)于標題的內(nèi)容，但是寫法就有錯了，他把鏈接寫在了H1標簽的外面，把H1包起來了，這樣的寫法是不推薦的。也不符合標準思維容易給以后的學習產(chǎn)生不好導向。
我們的文章難免會有錯誤的地方，那么有錯就要改，但是有時候我們需要告訴讀者這段是被刪除的但是又能讓讀者看到。那么刪除標簽的作用就產(chǎn)生了。以前我們會使用<s></s>或是<strike></strike>來得到一個刪除線的效果。但是這僅表是一個刪除線的效果，語義上沒有DEL來得更為明確，所以這里我要告訴大家放棄以前的方式，采用<del></del>這個標簽。同樣能表達我們需要的效果，并且意義更為直接明確。那么除了刪除有時我們還需要對刪除的部分作出一些添加與修改。那么時候這個標簽就非常有作用了那就是插入標簽<ins></ins>。相信不用我說大家也知道如何使用這兩個標簽，但是千萬別忘記了給這兩個標簽加上兩個重要的屬性：cite與datetime。解釋與時間。解釋不用說了，只要用文字注明為什么要刪除或是為什么要插入就可以了。但是這個時間需要明確一下格式。嚴格的格式是：YYYY-MM-DDThh:mm:ssTZD。呵呵與我們平時用的差不多但是有區(qū)別，其中T是表示時間段開始的必需字符，而TZD則是表示時區(qū)，Z是表是格林威治標準時間。一秀的寫法是：2008-03-25T14:26:22Z
在所有的標簽中有兩上標簽是樣式標簽，但是卻沒有被禁用，因為這兩個標簽所表述的內(nèi)容很特別，上下標，<sup>上標</sup>,<sub>下標</sub>。
這兩個標簽用得到機率比較小，但是上標應(yīng)該還是會常用到的，比如溫度中的攝氏度的上的小圓圈，當然現(xiàn)有有專業(yè)的字符對應(yīng)“℃”，還有我們?？吹綍械哪_注上標[1]。
hr，分平分隔線，這個標簽與換行標簽只要注意標簽的寫法就可以了<hr /><br />
關(guān)于文本部分的標簽就講到這里，當然標簽可能還有很多，但是一些不推薦使用的，不常用的，這里就不再推薦，有興趣的可以搜索一下相關(guān)的內(nèi)空閱讀一下即可。下一篇將引入CSS，一點點的美化我們的文檔。
相關(guān)文章
用div+css解決出現(xiàn)水平滾動條問題...2007-08-08
在Firefox里，鼠標點擊一個鏈接時，它的周圍即出現(xiàn)虛線畫出的邊框。這種例子遍地都是，在WordPress后臺寫這個文章的時候，隨手點一下右邊那些widget，就看到了這個問題（圖片的右上角）2008-12-12
做網(wǎng)頁字體大小參考 網(wǎng)頁中同字號字體的不同單位對比列表
做網(wǎng)頁字體大小參考 網(wǎng)頁中同字號字體的不同單位對比列表...2007-08-08
繼承是 css中經(jīng)常要用到的技術(shù)，好處是可以盡量讓頁面的代碼減少重復利用，但是隨時項目越來越大，需求的不斷變化，css代碼就會變得越來越臃腫，后期難以控制和維護。其實，css代碼和普通程序代碼在編寫的時候有很多的相似之處，下面我們就用試試用組合的方式是不是能更好的解決這個問題。2008-11-11
從今天開始，我將全面的共享出我所能理解的所有WEB標準方面的知識放在這個“WEB標準能有多難？”的專欄里。當然由于振之的水平有限，所講并非是完全正確的。在看了這個專欄的文章的時候要理性的分析，要有自己的判斷，歡迎各位朋友提出自己的看法與意見。2008-04-04
id用于標識頁面唯一元素，id的名稱是控制某一內(nèi)容塊的手段，通過將某內(nèi)容塊置入div并賦予唯一的id，就可以用CSS選擇器來精確定義每一個頁面元素的外觀表現(xiàn)，包括標題、列表、圖片、鏈接或者段落等等。例如你為#header寫一個CSS規(guī)則，就可以完全不同于#content里的圖片規(guī)則。2008-05-05
推薦一篇利用th,colgroup,col定義表格樣式...2007-04-04
《CSS3實戰(zhàn)》筆記--漸變設(shè)計（一)
這篇文章主要介紹了《CSS3實戰(zhàn)》筆記--漸變設(shè)計（一,需要的朋友可以參考下2016-05-05
我們都熟知JavaScript可能會對Web頁面的加載與顯示產(chǎn)生較大的影響，因此我們常常關(guān)注JavaScript是不是會占用客戶端較多的資源，然而大部分都會忽略的一件有趣的事情，CSS也會對Web頁面載入的效率產(chǎn)生影響。2008-05-05
頁面水平居中一般會令人很頭疼，尤其新手。瀏覽器之間的不兼容也會帶來很大問題。本篇文章主要介紹了css布局網(wǎng)頁水平居中常用方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2007-12-12