博客地址：http://www.globm.top/blog/1/detail/36
 a 标签在点击之后会聚焦自动出现虚线框？
 
解决方法：
 1.css 处理方式
 
a{
    outline:none;
}
 
2.添加监听事件，自动失去焦点（不推荐）
 
<a href="#" onfocus="this.blur();"></a>
 
3.行内处理样式
 
<a hidefocus="true" href="#"></a>
 
标签在新的选项卡中打开链接
 
<a target="value">
 
值
描述
_blank
在新窗口中打开被链接文档
_self 默认
在相同的框架中打开被链接文档
_parent
在父框架集中打开被链接文档
_top
在整个窗口中打开被链接文档
framename
在指定的框架中打开被链接文档
vue打开新页面：
 
 let routes = this.$router.resolve(
 	{
 		 path: '/position/recruit/job/desc',
 		 query: { id: row.id }
    }
 )
 window.open(routes.href, '_blank')

由于需求需要在a标签里面再嵌套一层a标签：
 
<a href="javascript:;">
    father tag A
    <a href="javascript:;">Child tag A</a>
</a>
 
结果样式乱了套，一看，耶？明明是父子关系，浏览器解析的结果却是：
 
 一番查阅：a标签嵌套a标签，浏览器会自动添加结束符号。
 而HTML的嵌套规范里就有一条：a标签不能嵌套a，查看更多嵌套规范
 解决办法：
 
换标签
 hhhhh~，简单粗暴。
我就想用a标签，不能接受换标签
 （1）使用object标签进行嵌套
 
<a href="javascript:;">
   father tag A
  <object><a href="javascript:;">Child tag A</a></object>
</a>
 
定义一个嵌入的对象，浏览器解析结果：
 
 <object>浏览器支持：
 
 IE8及以下不支持object标签。
 （2）蠢办法
 父元素设置display: block;或display: inline-block;并设置宽高和position: absolute，调整内外a标签的样式，调整层级关系。如此只能达到满足效果，浏览器解析依然不是嵌套关系。
 又要坚持a标签又要兼容IE8还要是嵌套关系，无法了(▼ヘ▼#)~~~

 
a标签，br标签，p标签详解
 
一、a标签
1.简介
2.语法
3.常用属性
  
二、br标签
1.简介
2.语法
  
三、p标签
1.简介
2.案例
 

 
 
一、a标签
 
1.简介
 
 
 
 
使用a锚链接可以从A页面转到B页面，也就是常常见到和使用的，如新闻网站，我们看到标题觉得感兴趣，鼠标点击然后进入另外页面了解详情。这个就是html a超链接运用。
 
 
 
2.语法
 
<a href="网址、链接地址" target="目标" title="说明">被链接内容</a>
 
3.常用属性
 
href：打开目标地址（网址），如- href="http://www.baidu.com/"这样浏览者在网页中鼠标点击对应此锚文本将打开到网页http://www.baicu.com/
target：打开目标方式
如果a标签内没有此元素，默认是在浏览网页中重新载入对应链接网页
_blank ：新建标签窗口页，设置此属性，点击锚文本后对应新建网页窗口打开对应地址
_parent：父级打开网页，此属性可以理解为本页网页从新载入锚文本的网页，针对html框架iframe网页中，整个网页将重新载入打开目标网址地址
 
二、br标签
 
1.简介
 
 
 
如果有地方需要强制换行，那我们使用br标签即可。
 
 
2.语法
 
<br />
 
三、p标签
 
1.简介
 
 常常我们在需要分段大换行时候，
 对内容前加<p>内容后加</p>即可实现文章换段落。
 
2.案例
 
<p>我是第一段落,</p>
<p>我是第二段落；</p>
<p>我是第三段落，<br />我被br换行。</p>

1、a标签内容是中文
 
如果是中文会造成换行，如果不希望内容换行，在a标签的样式中加入white-space:nowrap;
 
2、a标签内容是英文
 
当内容过多的时候 ，如果都是英文，不会造成换行，
 
如果希望内容换行，在a标签的样式中加入word-wrap:break-word;