HTML5 a标签常用整理

一、HTML5 a标签常用整理

定义和用法

<a> 标签定义超链接,用于从一张页面链接到另一张页面。

<a> 元素最重要的属性是 href 属性,它指示链接的目标。

在所有浏览器中,链接的默认外观是:

  • 未被访问的链接带有下划线而且是蓝色的
  • 已被访问的链接带有下划线而且是紫色的
  • 活动链接带有下划线而且是红色的

提示:您可能已经注意到了,W3School 站点内的链接外观与默认的链接外观非常不同。您可以使用 CSS 伪类 向文本超链接添加复杂而多样的样式。

提示和注释

提示:如果不使用 href 属性,则不可以使用如下属性:download, hreflang, media, rel, target 以及 type 属性。

提示:被链接页面通常显示在当前浏览器窗口中,除非您规定了另一个目标(target 属性)。

提示:请使用 CSS 来设置链接的样式。

属性

New : HTML5 中的新属性。

属性描述
download filename 规定被下载的超链接目标。
href URL 规定链接指向的页面的 URL。
hreflang language_code 规定被链接文档的语言。
media media_query 规定被链接文档是为何种媒介/设备优化的。
name section_name HTML5 中不支持。规定锚的名称。
rel text 规定当前文档与被链接文档之间的关系。
rev text HTML5 中不支持。规定被链接文档与当前文档之间的关系。
shape
  • default
  • rect
  • circle
  • poly
HTML5 中不支持。规定链接的形状。
target
  • _blank
  • _parent
  • _self
  • _top
  • framename
规定在何处打开链接文档。
type MIME type 规定被链接文档的的 MIME 类型。

 

 

 

二、 HTML5 a标签 下载

    <a download="abc" href="../img/images/1.jpg">
        <img src="../img/images/1.jpg">
    </a>

 

说明:

1.href 下载地址需要跟当前页面相同的域名, 除非资源允许跨域

2.Chome 浏览器 本地浏览不支持下载

 

三、HTML  a标签锚点使用

 

1.使用name定义

<a name="SiteOne"></a>

2.使用href跳转

    <a href="#SiteOne">页面内跳转</a>

3.使用地址栏链接跳转

file:///D:/QLTest/HTML_Solution/Html5/a.1.html#SiteOne

 

更多:

HTML5 文档基础标签 <!--...--> html,head,body,base,meta,link,script,style   

HTML5 <form> 标签 

HTML 5 <input> 标签 

posted @ 2020-08-15 14:31  天马3798  阅读(533)  评论(0编辑  收藏  举报