生活
a标签属性 、a标签属性target
2023-04-13 01:05  浏览:46

标签的主要属性和使用?

a标签是成对出现的,以a开始, /a结束

属性.

Common -- 一般属性

accesskey -- 代表一个链接的快捷键访问方式

charset -- 指定了链接到的页面所使用的编码方式,比如UTF-8

coords -- 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标

href -- 代表一个链接源(就是链接到什么地方)

hreflang -- 指出了链接到的页面所使用的语言编码

rel -- 代表文档与链接到的内容(href所指的内容)的关系

rev -- 代表文档与链接到的内容(href所指的内容)的关系

shape -- 使用图像地图的时候可以使用shape指定链接区域

tabindex -- 代表使用"tab"键,遍历链接的顺序

target -- 用来指出哪个窗口或框架应该被此链接打开

title -- 代表链接的附加提示信息

type -- 代表链接的MIME类型

a标签其它属性

例1 

!DOCTYPE html

html

head

meta charset="utf-8"

titlea标签/title

/head

body

a href=""

img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"//a

a href="***个网页.html"

img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"//a

/body

/html

如图所示:

运行结果:

a标签的href属性除了可以指定一个网络地址以外,还可以指定一个本地地址。

a标签中有一个叫做target属性,这个属性的作用就是专门用于如何控制跳转?

_self:当前跳转

_blank

【实验1】尝试一下_self与_blank属性

!DOCTYPE html

html

head

meta charset="utf-8"

titlea标签/title

/head

body

a href=""

img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"//a

a href="***个网页.html" target="_self"

img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"//a

!--a href="***个网页.html" target="_self"

img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"//a--

/body

/body

/html

如图所示:

运行结果如下图所示:

下面我们改为_blank属性

!DOCTYPE html

html

head

meta charset="utf-8"

titlea标签/title

/head

body

a href=""

img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"//a

!--a href="***个网页.html" target="_self"

img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"//a--

a href="***个网页.html" target="_blank"

img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"//a

/body

/body

/html

如图所示:

运行结果:

a标签title属性

例2    !DOCTYPE html

html

head

meta charset="utf-8"

titlea标签/title

/head

body

a href="" title="一米轰趴"

img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"//a

!--a href="***个网页.html" target="_self"

img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"//a--

a href="***个网页.html" target="_blank"

img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"//a

/body

/body

/html

html的a标签是什么

在HTML中a标签就是a/a或者大写字母A。其中的a是anchor的缩写。这些标签的作用是标明超连接的起始位置或目的位置。

a 标签可定义锚。锚有两种用法:

通过使用href属性,创建指向另外一个文档的链接通过使用name或id属性,创建一个文档内部的书签a元素最重要的属性是href属性,它指定链接的目标。

在所有浏览器中,链接的默认外观是:未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的。

扩展资料:

html的a标签实例:

aname="tips"UsefulTipsSection/a然后,我们创建指向相同文档中“有用的提示”部分的链接。

ahref="#tips"VisittheUsefulTipsSection/a或者,创建从另一个页面指向该文档中“有用的提示”部分的链接。

ahref="url/#tips"VisittheUsefulTipsSection/a在上面的代码中,我们将#符号和锚名称添加到URL的末端,就可以直接链接到tips这个命名锚了。

参考资料:HTML的a标签-百度百科

HTML a 标签的基本用法和常用属性

1.href属性:用于指示链接的目标,该属性对于a标签来说必不可少。

言成科技2.title属性:当用户的鼠标移入超链接时,会显示title属性的具体属性值

言成科技3.target属性;用于控制链接页面打开的位置。

_blank:浏览器总在一个新打开、未命名的窗口中载入目标文档

言成科技_self:默认状态,在当前页面/目标中打开被链接文档

言成科技Tips:所有属性当中,使用最为频繁的是_self和_blank,由于默认打开方式为_self,所以,通常在需要打开新页面时才会使用target=“_blank”的属性设置。对于_parent、_top、framename,当前都已经不再使用,此处便不再提及。

想了解更多,请点击:《如何实现兼容IE6的a标签鼠标移入效果(hover效果)》

前端面试题,a标签有哪些属性,a标签怎么做当前页面跳转和新页面跳转

a标签的属性:

download:规定被下载的超链接目标。  

href:规定链接指向的页面的 URL。  

hreflang:规定被链接文档的语言。  

media:规定被链接文档是为何种媒介/设备优化的。 

rel:规定当前文档与被链接文档之间的关系。     

target:规定在何处打开链接文档。    

type:规定被链接文档的的 MIME 类型。

target属性

_blank 新窗口打开链接

_self 当前页打开链接

a标签属性的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于a标签属性target、a标签属性的信息别忘了在本站进行查找喔。

发表评论
0评