HTML5a标签常⽤整理
⼀、HTML5 a标签常⽤整理
定义和⽤法
<a> 标签定义超链接,⽤于从⼀张页⾯链接到另⼀张页⾯。
<a> 元素最重要的属性是 href 属性,它指⽰链接的⽬标。
在所有浏览器中,链接的默认外观是:
未被访问的链接带有下划线⽽且是蓝⾊的
已被访问的链接带有下划线⽽且是紫⾊的
活动链接带有下划线⽽且是红⾊的
提⽰:您可能已经注意到了,W3School 站点内的链接外观与默认的链接外观⾮常不同。您可以使⽤向⽂本超链接添加复杂⽽多样的样式。
提⽰和注释
提⽰:如果不使⽤ href 属性,则不可以使⽤如下属性:download, hreflang, media, rel, target 以及 type 属性。
提⽰:被链接页⾯通常显⽰在当前浏览器窗⼝中,除⾮您规定了另⼀个⽬标(target 属性)。
提⽰:请使⽤ CSS 来设置链接的样式。
属性
New : HTML5 中的新属性。
属性值描述
filename规定被下载的超链接⽬标。
URL规定链接指向的页⾯的 URL。
language_code规定被链接⽂档的语⾔。
media_query规定被链接⽂档是为何种媒介/设备优化的。
section_name HTML5 中不⽀持。规定锚的名称。
text规定当前⽂档与被链接⽂档之间的关系。
text HTML5 中不⽀持。规定被链接⽂档与当前⽂档之间的关系。
href标签怎么用default
rect
HTML5 中不⽀持。规定链接的形状。
circle
poly
_blank
_parent
_self
规定在何处打开链接⽂档。
_top
framename
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
更多:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论