zoukankan      html  css  js  c++  java
  • <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>标签来设置视频

    优秀文章首发于聚享小站,欢迎关注!
  • 相关阅读:
    python之简单爬虫
    python之正则表达式
    python之面向对象
    python之模块与包
    python之循环嵌套与算法
    linux shell实现从函数返回数组
    linux脚本实现数组值相加
    linux中使用函数输出
    linux shelll中显示的意义
    lsof命令
  • 原文地址:https://www.cnblogs.com/yesyes/p/15356536.html
Copyright © 2011-2022 走看看