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> 标签