HTML<a>標簽及涉及到的筆試題

kun_jian 發布于2019-08-01 15:13 / 591人閱讀

摘要：在看標簽之前，看一下筆試題。首先來看一下標簽的屬性有哪些。規定當前文檔與被鏈接文檔之間的關系。用于規定目標是為特殊設備比如語音或打印媒介設計的。規定鏈接的形狀。屬性值規定全部區域。屬性值必須是標準字符集的名稱。

在看a標簽之前，看一下筆試題。

【筆試題】
選擇題。具體選項忘了。以下代碼代表的含義是什么？

雖然平時經常用到a標簽，但就我自身而言，是從來沒有接觸過rel屬性的（還是too young）。于是去搜索了資料，基礎的東西要掌握。

首先來看一下a標簽的屬性有哪些。

rel 規定當前文檔與被鏈接文檔之間的關系。

alternate 文檔的可選版本（例如打印頁、翻譯頁或鏡像）。

stylesheet 文檔的外部樣式表。

start 集合中的第一個文檔。

next 集合中的下一個文檔。

prev 集合中的前一個文檔。

contents 文檔目錄。

index 文檔索引。

glossary 文檔中所用字詞的術語表或解釋。

chapter 文檔的章。

section 文檔的節。

subsection 文檔的子段。

appendix 文檔附錄。

help 幫助文檔。

bookmark 相關文檔。

nofollow 告訴搜索引擎爬蟲無需抓取目標頁，同時告訴搜索引擎無需將的當前頁的Pagerank傳遞到目標頁
【更多值可查看https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types】

【今日時間倉促，日后將更新rel屬性值具體內容。】

download 規定被下載的超鏈接目標。

HTML5新屬性。表明超鏈接是用于下載資源的。在a標簽中必須設置 href 屬性。屬性值可用來規定下載文件的默認名稱，瀏覽器將自動檢測正確的文件擴展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。

href 規定鏈接指向的頁面的 URL。

屬性值：

絕對 URL - 指向另一個站點（比如）

相對 URL - 指向站點內的某個文件（href="index.htm"）

錨 URL - 指向頁面中的錨（href="#top"）

hreflang 規定被鏈接文檔的語言。

使用 href 屬性時才可以指定 hreflang 屬性。hreflang 屬性不會指定標簽中的內容所使用的語言，而是指定被 href 屬性調用的文檔所使用的語言。
【主流的瀏覽器幾乎都不支持 hreflang 屬性。】

media 規定被鏈接文檔是為何種媒介/設備優化的。

HTML5新屬性。可接受多個值。只能在 href 屬性存在時使用。用于規定目標 URL 是為特殊設備（比如 iPhone）、語音或打印媒介設計的。

ping

HTML5新屬性。如果用戶允許超鏈接，sends the URLs of the resources a notification/ping

target 規定在何處打開鏈接文檔。

_blank
瀏覽器總在一個新打開、未命名的窗口中載入目標文檔。

_self
這個目標的值對所有沒有指定目標的a標簽是默認目標，它使得目標文檔載入并顯示在相同的框架或者窗口中作為源文檔。這個目標是多余且不必要的，除非和文檔標題 base 標簽中的 target 屬性一起使用。

_parent
這個目標使得文檔載入父窗口或者包含來超鏈接引用的框架的框架集。如果這個引用是在窗口或者在頂級框架中，那么它與目標 _self 等效。

_top
這個目標使得文檔載入包含這個超鏈接的窗口，用 _top 目標將會清除所有被包含的框架并將文檔載入整個瀏覽器窗口。

【注意：任何其他用一個下劃線作為開頭的窗口或者目標都會被瀏覽器忽略，因此，不要將下劃線作為文檔中定義的任何框架 name 或 id 的第一個字符。】

type 規定被鏈接文檔的的 MIME 類型。

只能在 href 屬性存在時使用。【具體值可查看https://www.w3.org/TR/html4/references.html#ref-MIMETYPES】

rev 規定被鏈接文檔與當前文檔之間的關系。

HTML5 中不支持。
幾乎沒有瀏覽器支持 rev 屬性。
屬性值與rel屬性值相同。

表達的意思是：從源到目標（b.html）的關系是移動到下一個文檔，而從目標到源的關系則是返回前一個文檔。

shape 規定鏈接的形狀。

HTML5 中不支持。只有 Firefox 和 Opera 支持 shape 屬性。
屬性值：

default 規定全部區域。

rect 定義矩形區域。

circle 定義圓形。

poly 定義多邊形區域。

coords 規定鏈接的坐標。

HTML5 中不支持。
coords 屬性與 shape 屬性配合，可以規定 object 或 img 元素中鏈接的尺寸、形狀和位置。

charset 規定被鏈接文檔的字符集。

HTML5 中不支持。
主流的瀏覽器幾乎都不支持 charset 屬性。
屬性值必須是標準字符集的名稱。

name 規定錨的名稱。

HTML5 中不支持。與使用id的效果相同。【使用id來替代name】

第一章

參考：-MDN
w3school

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

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

vueparseHTML函數拿到返回值后的處理源碼解析

　　承繼上篇內容：下面是parseHTML 函數源碼解析　　varstartTagMatch=parseStartTag(); 　　if(startTagMatch){ 　　handleStartTag(startTagMatch); 　　if(shouldIgnoreFirstNewline(startTagMatch.tagName,html)){ 　　advance(1); 　　} 　　co...

3403771864 2022-09-18 16:26 評論0 收藏0
vue parseHTML函數源碼解析

　　接上篇：現在看看，Vue編譯器源碼分析AST 抽象語法樹具體阿代碼：　　functionparseHTML(html,options){ 　　varstack=[]; 　　varexpectHTML=options.expectHTML; 　　varisUnaryTag$$1=options.isUnaryTag||no; 　　varcanBeLeftOpenTag$$1=options.ca...

3403771864 2022-09-18 15:13 評論0 收藏0
Vue編程三部曲之將template編譯成AST示例詳解

　　知道嗎？Vue.js 有 2 個版本，一個是Runtime + Compiler版本，另一個是Runtime only版本。Runtime + Compiler版本是包含編譯代碼的，簡單來說就是Runtime only版本不包含編譯代碼的，在運行時候，需要借助 webpack 的 vue-loader 事先把模板編譯成 render 函數。　　假如在你需要在客戶端編譯模板 (比如傳入一個字符串...

3403771864 2022-09-22 23:06 評論0 收藏0
vue parseHTML函數解析器遇到結束標簽

　　在之前文章中我們講述了parseHTML 函數源碼解析拿到返回值后的處理，這篇文章就為我們講述了當 textEnd === 0 解析器遇到結束標簽，parse 結束標簽的代碼如下：　　//Endtag: 　　varendTagMatch=html.match(endTag); 　　if(endTagMatch){ 　　varcurIndex=index; 　　advance(endTagMat...

3403771864 2022-09-18 21:47 評論0 收藏0