国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

標簽<a>的最佳實踐

jsyzchen / 426人閱讀

摘要：也就是說，在大多數情況下，他們只關注標簽中的，而忽略標簽周圍的上下文。就算對于大多數正常使用瀏覽器的用戶來說，人們也容易只被標簽中的內容吸引，而忽略上下文。總之，保持標簽中的關鍵字簡潔是非常重要的。

什么是標簽

官方定義是這樣的:

The HTML  element (or anchor element) creates a hyperlink to other web pages, files, locations within the same page, email addresses, or any other URL.

也就是 ， 我們需要關注的就是中的屬性，以及標簽之間的內容（content）.

例子

我們先觀察以下看起來沒啥問題的例子：


  
    點擊鏈接
  
  下載銷售報告
探討之前

在分析以上例子之前，我想先探討一下我們的目的

前端的一個關鍵目的就是，盡可能滿足不同用戶的需求。這里的用戶不光指人類，還包括各種搜索引擎，各種輔助設備（比如給視障人士的讀屏器等）。

具體分析

那么我們試著從不同的“用戶”角度來分析上面例子存在的問題

對于搜索引擎來說，會著重分析標簽中的content,也就是例子1中的“點擊鏈接”這個文本，和明顯“點擊鏈接”并沒有包含對鏈接的描述，那么搜索引擎也就不明白這個鏈接的意義。

對于使用屏幕閱讀器的用戶來說，會偏向于在不看鏈接周圍的上下文的情況下，在鏈接之間跳來跳去。也就是說，在大多數情況下，他們只關注標簽中的content，而忽略標簽周圍的上下文。在例子1中，他們也很容易只看的到“點擊鏈接”這個文本，不明白這個鏈接到底指向何處。

就算對于大多數正常使用瀏覽器的用戶來說，人們也容易只被標簽中的內容吸引，而忽略上下文。

那么我們要注意的是：要盡量在標簽content中放入有意義的關鍵字

第一次改善 

  
    點擊鏈接下載銷售報告

改善之后，將關鍵字都放到了標簽之內，解決了上面提出來的問題，那么我們再繼續分析剩下的問題

改善后的問題在于標簽中的內容太多，用戶通過標簽已經知道這是一個鏈接，所以就不要再出現“鏈接”之類的關鍵字。用戶也知道鏈接是用來點擊的，所以也不需要“點擊”這個關鍵字。總之，保持標簽中的關鍵字簡潔是非常重要的。

第二次改善 

  
    銷售報告

如上的例子中，精簡了content，只剩下了“銷售報告”四個字，貌似非常完美了。但是，我們知道通過點擊鏈接之后，可能打開一個新的頁面直接查看報告，也有可能是開始下載報告，有各種各樣的可能性。 所以，我們在關鍵字中不能忽略掉點擊鏈接之后的行為描述，告訴用戶點擊這個鏈接之后會發生的動作。

第三次改善 

  
    下載銷售報告

改善后的鏈接已經相對不錯了，但是還是存在問題。就是URL是絕對地址，我們應該將它改成相對地址

第四次改善 

  
    下載銷售報告

采用相對地址有如下好處：

代碼更加容易閱讀

相對地址更加高效，如果采用絕對地址，瀏覽器會去查找DNS服務器，然后產生了一系列不必要的流程消耗。

最后，讓我們再針對下載的鏈接，做一次優化，那就是添加 download 屬性。

第五次改善 

  
    下載銷售報告

在這里，download屬性指定了下載時的默認文件名。

總結

綜上所述，標簽的最佳實踐要注意以下幾點：

在標簽的content中，寫上清晰易懂的關鍵字描述

盡可能使用相對地址

對于點擊鏈接后的動作，給出清晰的提示

對于下載鏈接，添加download屬性 （PS：download屬性并沒有被瀏覽器廣泛支持，使用須謹慎）

參考

HTML element referenc
Creating hyperlinks

筆者博客

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51426.html

相關文章

  • XSS攻擊實踐

    一、前言由于瀏覽器同源策略，限制了頁面無法引用第三方資源，無法請求不同源下面的資源，影響了web的發展，所以瀏覽器出讓了一些安全策略來滿足web的發展。通過CSP安全策略來保證瀏覽器可以安全的加載第三方資源；通過CORS允許瀏覽器跨域請求；通過PostMessage來操作DOM但這些策略也給了黑客攻擊我們的站點的機會。web站點常見的攻擊方式包括：XSS攻擊，CSRF攻擊、Sql注入攻擊等。二、X...

    社區管理員 評論0 收藏0

  • 【數據科學系統學習】機器學習算法 # 西瓜書學習記錄 [12] 集成學習實踐

    摘要：本篇內容為機器學習實戰第章利用元算法提高分類性能程序清單。將當前錯誤率與已有的最小錯誤率進行對比后，如果當前的值較小，那么就在字典中保存該單層決策樹。上述，我們已經構建了單層決策樹，得到了弱學習器。 本篇內容為《機器學習實戰》第 7 章利用 AdaBoost 元算法提高分類性能程序清單。所用代碼為 python3。 AdaBoost優點：泛化錯誤率低，易編碼，可以應用在大部分分類器上...

    terro 評論0 收藏0

  • 云極高性能計算 EPC

    摘要：云極是提供的高性能計算產品，其底層為屢受好評的快杰云主機，旨在為用戶提供基于公有云技術的超高性能算力，以及涵蓋數據傳輸數據計算數據可視化處理等一站式的使用體驗。云極（EPC）是UCloud提供的高性能計算產品，其底層為屢受好評的UCloud快杰云主機，旨在為用戶提供基于公有云技術的超高性能算力，以及涵蓋數據傳輸、數據計算、數據可視化處理等一站式的使用體驗。EPC支持以下功能：秒級創建計算節點...

    ernest.wang 評論0 收藏1873

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<