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

資訊專欄INFORMATION COLUMN

標簽<a>的最佳實踐

jsyzchen / 433人閱讀

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

什么是標簽

官方定義是這樣的:

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.

也就是 ， 我們需要關(guān)注的就是中的屬性，以及標簽之間的內(nèi)容（content）.

例子

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


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

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

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

具體分析

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

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

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

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

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

第一次改善 

  
    點擊鏈接下載銷售報告

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

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

第二次改善 

  
    銷售報告

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

第三次改善 

  
    下載銷售報告

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

第四次改善 

  
    下載銷售報告

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

代碼更加容易閱讀

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

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

第五次改善 

  
    下載銷售報告

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

總結(jié)

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

在標簽的content中，寫上清晰易懂的關(guān)鍵字描述

盡可能使用相對地址

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

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

參考

HTML element referenc
Creating hyperlinks

筆者博客

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/51426.html

相關(guān)文章

  • XSS攻擊實踐

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

    社區(qū)管理員 評論0 收藏0

  • 【數(shù)據(jù)科學(xué)系統(tǒng)學(xué)習(xí)】機器學(xué)習(xí)算法 # 西瓜書學(xué)習(xí)記錄 [12] 集成學(xué)習(xí)實踐

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

    terro 評論0 收藏0

  • 云極高性能計算 EPC

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

    ernest.wang 評論0 收藏1873

發(fā)表評論

0條評論

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