網頁上的鏈接或錨點
網站和其他形式的傳播媒體之間的主要區別之一是“鏈接”或超鏈接,因為它們在網頁設計術語中是技術上已知的。
除了幫助製作網站今天的內容之外,鏈接和圖像也是網頁上最常見的添加內容。 比較而言,這些項目很容易添加(只有兩個基本的HTML標籤 ),它們可以帶來興奮和互動,否則將是純文本頁面。 在本文中,您將了解(錨點)標記,這是實際的HTML元素用於添加鏈接到網頁的頁面。
添加鏈接
鏈接被稱為HTML中的錨點,因此用於表示它的標籤是A標籤。 通常,人們只是將這些附加內容稱為“鏈接”,但是錨點實際上是被添加到任何頁面的。
當您添加鏈接時,您必須指向用戶點擊或點按(如果它們位於觸摸屏上)鏈接的網頁地址。 您可以使用該屬性指定。
href屬性代表“超文本引用”,其目的是指定你想要特定鏈接去的URL。 如果沒有這些信息,鏈接將毫無用處 - 它會告訴瀏覽器用戶應該被帶到某個地方,但它不會將目的地信息提供給“某處”應該在的地方。 這個標籤和這個屬性是齊頭並進的。
例如,要創建文本鏈接,請寫下:
因此,要鏈接到About.com網頁設計/ HTML主頁,請寫下:
您可以鏈接HTML頁面中的幾乎任何內容,包括圖像 。 只需包圍您希望與和標籤建立關聯的HTML元素或元素即可。 您還可以通過忽略href屬性來創建佔位符鏈接 - 但只要確保稍後返回並更新href信息,或者該鏈接在訪問時不會實際執行任何操作。
HTML5使鏈接塊級元素(如段落和DIV元素)有效。 您可以在更大的區域周圍添加定位標記,例如分區或定義列表,並且整個區域都是“可點擊的”。 當試圖在網站上創建更大的,手指友好的命中區域時,這可能特別有用。
添加鏈接時需要記住的一些事項
- 最後的標籤是必需的 。 如果您忘記包含該鏈接,則鏈接後面的所有內容也都會鏈接到另一個鏈接關閉標籤。
- 大多數情況下,最好鏈接單個圖像和短文本,而不是大塊文本。 鏈接可以向您的頁面添加顏色和下劃線樣式,難以閱讀。 當然,您可以使用CSS來更改這些鏈接樣式,編輯顏色或刪除下劃線,但留意這一現實仍然很好。
- 確保檢查你的鏈接,以便它們不會變質。 鏈接腐爛可以使用戶和搜索引擎認為你的網站無效。 定期使用鏈接檢查器來驗證頁面上的鏈接。 當您鏈接到第三方網站(您不管理的網站)並且可能會更換他們的網頁時,尤其會出現這種情況。 鏈接檢查器會發現這些死鏈接,以便您可以進行必要的更新。
- 避免在鏈接中使用“點擊此處”等文字。 請記住,擁有觸摸屏的人不能“點擊”,這樣文本就像過去時代的產品,而且在今天的以多設備為中心的Web上確實不相關。
其他有趣的鏈接類型
A元素創建一個到另一個文檔的標準鏈接,但是您可能還有其他類型的鏈接: