<a>,<abbr>,<address>,<area>,<article>, <aside>, <audio>标签文档

<a>标签

download属性

<!-- 下载hello.txt -->
<a href="test.txt" download="hello">点击下载</a>

说明:hello为浏览器下载后文件的名字,浏览器会自动检测文件的扩展名

href属性

<a href="https://github.com/wmui">GitHub</a>

说明:href值可以是相对地址,绝对地址,锚点(#top)

referrer属性

说明:规定获取资源时应该使用哪个提交者的字符串。属性值no-referrer表示Referer:头部不会被发送。no-referer-when-downgrade表示当从使用https的页面导航到不适用https的页面时不发送Referer:头。origin表示Referer:将会是页面的来源,主机和端口的组合。origin-when-cross-origin表示导航到其他来源将会限制为主机加端口这种组合,而导航到相同来源将会包含Referer的路径。unsafe-url表示Referer将会包航来源和路径,这种情况不安全。

rel属性

<a rel="friend" href="https://github.com/wmui>wmui</a>

说明:rel属性表示了当前文档与目标文档的关系,属性值是以空格分割的关系列表,搜索引擎可以利用该属性获得更多相关信息,也可以根据w3c官方标准自定义一些值,属性值参考

常用属性值

alternate: 文档的可选版本。

author: 定义描述作者的超链接,如<a href="mailto:test@qq.com" author="wmui">

stylesheet: 文档的外部样式表。

start: 第一个文档。

next: 下一个文档。

prev: 上一个文档。

help: 帮助文档。

nofollow: 搜索引擎不要跟踪链接。

扩展:以上的属性值亦可以用在<link>标签的rel属性里

target属性

_blank在新窗口中打开文档

_self 默认值,在当前窗口或框架中打开文档

_parent 在父框架集中打开文档

_top 在整个当前窗口中打开文档

framename 在指定框架中打开文档

说明:_parent和_top用于在框架中内嵌的链接

type属性

<a href="https://github.com/wmui" type="text/html">wmui</a>

说明:只能在href属性存在时使用,用于规定type属性的MIME类型

<abbr>标签

The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.

The PRC was founded in 1949.

说明:abbr用于表示简写或者缩写

<address>标签

电话:1234567
邮箱:22337383@qq.com
<footer>
  <address>
  电话:1234567<br>
  邮箱:22337383@qq.com
  </address>
</footer>

说明:用于定义作者/拥有者的联系信息,不应该用于描述通讯地址,除非他是联系信息的一部分,该元素通常连同其他信息被包含在footer标签中。当位于body标签内是表示文档的联系信息,位于article标签内时表示文章的联系信息。

<area>标签

test img wmui
<img src="https://cdn.86886.wang/blog/1520049901259.jpg" usemap="#test" alt="test img" />

<map name="test" id="test">
  <area shape="rect" coords="0,0,100,200" href ="https://github.com/wmui" alt="wmui" target="_blank" alt="test img"/>
</map>

说明: 该标签用于定义图像映射,area标签必须嵌套到map标签内。img元素中的usemap属性与map元素的name属性和id属性相关联

必需的属性

alt: 定义此区域的替换文本(保证图片出错时仍可以点击)

可选属性

href: 规定区域中链接的目标,值可以是相对url, 绝对url, 锚点

nohref: 规定区域内中没有相关链接,值只有一个nohref

shape: 规定区域的形状,形状决定了coords属性的参数。浏览器默认形状为rect,如果找不到coords的四个参数,浏览器会忽略整个区域。<map>标签是采用“先来先得”的顺序结构,所以必须将默认区域放置到最后。shape的值为default表示整个区域, rect表示矩形区域,circ表示圆形区域, poly表示多边形区域。

coords:规定可点击区域的坐标。shape="circle", coods="x,y,z", x和y定义了圆形,z定义了半径。shape="rect", coods="x1, y1,x2,y2"第一个坐标定义矩形的顶点位置,第二个坐标是定义矩形对角的位置。shape="polygon", coods="x1,y2,x2,y2,x3,y3..."每一对坐标确定一个位置,定义三角形最少需要三对坐标。

target: 同<a>标签的target属性值相同

<article>标签

<article>
  <h3>>w\文章标题<h3>
  <p>文章正文</p>
</article>

说明:规定独立的自包含内容,如论坛帖子,文章,评论等等

<aside>标签

说明:定义所处内容之外的内容,但aside的内容却和所处内容有相关性

<audio>标签

<audio src="http://www.w3school.com.cn/i/horse.ogg" controls>浏览器不支持</audio>

属性

autoplay:音频准备就绪后自动播放

controls: 规定浏览器应该为音频提供的播放控件,如果设置了该属性,则不存在作者设置的脚本控件。浏览器控件包括:播放,暂停,定位,音量,全屏转换,字幕(如果可用),音轨(如果可用)

loop: 音频循环播放

muted: 规定视频输出应该静音

preload: 规定是否在页面加载后载入音频。如果设置了autoplay属性则忽略该属性。其值可以是auto:页面加载后载入音频,meta页面加载后载入元数据,none:页面加载后不再如音频

src: 规定音频的URL。可使用<source>标签来设置视频

posted @ 2021-09-30 14:12  wmui  阅读(37)  评论(0编辑  收藏  举报