1.a标签作用

<a href="URL">点击跳转</a>

2.a标签的属性

2.1 href属性

① href=""；表示跳转到当前页面，可以用作页面刷新

② href="#"；表示回到页面顶部

③ href="javascript:viod(0)"；调用一个空函数，页面不会有任何变化

可以简写为：href="javascript:;"；

2.2 Target属性作用：

当用户第一次选择内容列表中的某个链接时，浏览器将打开一个新的窗口，将它标记为 "view_window"，然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接，且这个 "view_window" 仍处于打开状态，浏览器就会再次将选定的文档载入那个窗口，取代刚才的那些文档。

在整个过程中，这个包含了内容列表的窗口是用户可以访问的。通过单击窗口中的一个连接，可使另一个窗口的内容发生变化。

2.2.1 Target属性blank的作用

作用：所指浏览器总在一个新打开、未命名的窗口中载入目标文档。（在新窗口中打开被链接文档）

用法：<a herf=”www.baidu.com” target=”_blank”>百度一下</a>

2.2.2 Target属性self的作用

作用：这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。（在相同的框架中打开被链接文档）

用法：<a herf=”www.baidu.com” target=”_self”>百度一下</a>

2.2.3 Target属性parent的作用

作用：这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。（在父框架集中打开被链接文档）

用法：<a herf=”www.baidu.com” target=”_parent”>百度一下</a>

2.2.4 Target属性top的作用

作用：这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。（在整个窗口中打开被链接文档）

用法：<a herf=”www.baidu.com” target=”_top”>百度一下</a>

2.2.5 Target属性framename的作用

对于framename的作用就与以上四个的用法就不同了，当采用frameset框架的时候，使用target=”frame_name”或target=”view_frame”可指定a目标的地址,也就是同一个页面当用户从左边框架中的目录中选择一个链接时，浏览器会将这个关联的文档载入并显示在右边这个”view_frame”或”frame_name” 框架中。当其他链接被选中时，右边这个框架中的内容也会发生变化，而左边这个框架始终保持不变。（在指定的框架中打开被链接文档）

其用法：

</frameset>

2.3 Target标签对seo的作用：

如果站在用户的角度方面，target标签对于优化用户体验的作用有一定的帮助性，当我们打开某一个页面时如果都在当前页面打开，会给用户造成极大的不便，总不能让用户每看一个页面点一次后退吧，还有就是有的用户习惯性的点击查看文章内容页后会关掉，如果都是当前页面打开，无异于提高了网站跳出率，所以一般网站的部分链接尽量使用新窗口打开

前端开发：a标签的使用相关推荐

前端开发_HTML5_标签部分(一)
一.如何快速学习标签? 1.记住标签对应的单词 2.该标签在页面产生的作用 3.为了更好的使用该标签,常用的属性有哪一些? 二.结构标签(doctype/html/head/m ...
前端开发容器标签span与div 0228
span 标签例子 div标签让容器的内部居中样式让整个容器相对于父一级居中例子总结
前端开发容器标签 0226
div块级标签功能: 块级元素,霸占一行用于页面结构 span内联级标签功能: 行内元素,可与其它行内标签共处一行用于页面布局表格标签 table家庭 table 表格的最外层容器 < ...
Web前端开发 table标签相关用法和属性
table标签 html中的<table>标签,通常用于对页面布局的规划. 一.<table>标签简介 table标签用于在网页中建立表格布局,其子标签有<tr>& ...
Web前端开发列表标签相关用法和属性
一.有序列表 <ol></ol> 有序列表需要与<li></li>标签连用,<li>标签为数据标签,有序列表中li标签会按照顺序进行排列 ...
[ 前端开发 ] label标签的使用
前端开发课件 202002
html 加百利前端开发-认识前端开发-0226_pyhui的技术博客-CSDN博客 https://blog.csdn.net/ifubing/article/details/104513261 ...
移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签...
<!DOCTYPE html> <html lang="zh-cmn-Hans"> ...
实战react技术栈+express前后端博客项目（8）-- 前端管理界面标签管理+后端对应接口开发...
项目地址:https://github.com/Nealyang/R... 本想等项目做完再连载一波系列博客,随着开发的进行,也是的确遇到了不少坑,请教了不少人.遂想,何不一边记录踩坑,一边分享收获呢 ...
Web前端开发笔记——第二章 HTML语言第六节区域标签、列表标签
目录一.区域标签 (一)div标签的定义 (二)div标签的属性二.列表标签 (一)列表标签的定义 (二)列表标签的类型 1.有序列表 (1)有序列表的定义 (2)有序列表的属性 2.无序列表 ( ...

前端开发：a标签的使用