HTML5技术

标签a的注意事项1 - Mr_Welson

字号+ 作者:H5之家 来源:H5之家 2017-01-16 14:00 我要评论( )

使用a标签时,其子元素可以为其他元素,但是不能包含a标签,否则会造成布局改变! 因此请尽量不要在a标签里放太多子元素,可以在外层套一个div,其他子元素放在a标签同级下。 正确布局: div a span我是a中的子元素/span p我是a中的子元素2/p /a a我是另一个

使用a标签时,其子元素可以为其他元素,但是不能包含<a>标签,否则会造成布局改变!

因此请尽量不要在a标签里放太多子元素,可以在外层套一个div,其他子元素放在a标签同级下。

正确布局:

<div>

  <a>

    <span>我是a中的子元素</span>

    <p>我是a中的子元素2</p>

  </a>

  <a>我是另一个a标签</a>

</div>

 

错误用法:

<a>

  <span>我是a中的子元素</span>

  <p>我是a中的子元素2

    <a>我是p中的a标签</a> //此时会造成布局混乱 

  </p>

</a>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5笔记2——HTML5音/视频标签详解 - 邹琼俊

    HTML5笔记2——HTML5音/视频标签详解 - 邹琼俊

    2016-12-29 15:01

  • HTML5笔记1——HTML5的发展史及标签的改变 - 邹琼俊

    HTML5笔记1——HTML5的发展史及标签的改变 - 邹琼俊

    2016-12-29 13:00

  • HTML5的新语义化的标签 - Avenstar

    HTML5的新语义化的标签 - Avenstar

    2016-12-17 14:01

  • HTML5 学习笔记(一)——HTML5概要与新增标签 - SeeYouBug

    HTML5 学习笔记(一)——HTML5概要与新增标签 - SeeYouBug

    2016-12-04 14:00

网友点评
"