HTML标签及涉及到的笔试题

在看a标签之前,看一下笔试题。

【笔试题】
选择题。具体选项忘了。以下代码代表的含义是什么?

<a href="b.html" rel=nofollow/>

虽然平时经常用到a标签,但就我自身而言,是从来没有接触过rel属性的(还是too young)。于是去搜索了资料,基础的东西要掌握。

首先来看一下a标签的属性有哪些。

rel 规定当前文档与被链接文档之间的关系。

  • alternate 文档的可选版本(例如打印页、翻译页或镜像)。

  • stylesheet 文档的外部样式表。

  • start 集合中的第一个文档。

  • next 集合中的下一个文档。

  • prev 集合中的前一个文档。

  • contents 文档目录。

  • index 文档索引。

  • glossary 文档中所用字词的术语表或解释。

  • copyright 包含版权信息的文档。

  • 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属性值相同。

<a href="b.html" rel="next" rev="prev">

表达的意思是:从源到目标(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】

<a href="#C1">第一章</a>

参考:<a/>-MDN
w3school

    原文作者:lsxj
    原文地址: https://segmentfault.com/a/1190000005068691
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞