HTML<a>标签及涉及到的笔试题

kun_jian 发布于2019-08-01 15:13 / 575人阅读

摘要：在看标签之前，看一下笔试题。首先来看一下标签的属性有哪些。规定当前文档与被链接文档之间的关系。用于规定目标是为特殊设备比如语音或打印媒介设计的。规定链接的形状。属性值规定全部区域。属性值必须是标准字符集的名称。

在看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 - 指向另一个站点（比如 href="http://www.example.com/index.htm"）

相对 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

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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