XHTML:将DIV放置在A标签中

Fra*_*isc 4 html anchor xhtml

是否alright将div标签放在锚标签内?div的内容会将页面重定向到锚标记的href吗?

Alo*_*hci 9

将div标签放在锚标签内是否可以?

是的,如果:

  1. 您正在使用HTML5/XHTML5; 和
  2. 锚标记不在内联上下文中.即仅允许短语内容的元素的后代.

否则没有.

在HTML5/XHTML5中,<a>元素不仅仅是HTML4/XHTML1中的内联元素.相反,它具有透明的内容模型,这意味着其内容的验证规则与它不存在时的验证规则相同.

所以举个例子

<div>
   <div>Hello World</div>
</div>
Run Code Online (Sandbox Code Playgroud)

是有效的,所以

<div>
   <a href="#">
      <div>Hello World</div>
   </a>
</div>
Run Code Online (Sandbox Code Playgroud)

也是.

<p>
   <div>Hello World</div>
</p>
Run Code Online (Sandbox Code Playgroud)

是无效的,所以

<p>
   <a href="#">
      <div>Hello World</div>
   </a>
</p>
Run Code Online (Sandbox Code Playgroud)

也不是.