<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>default style</title>
</head>
<body>
<div><a href="#">DIV > A</a></div>
<!-- 块级元素div包含行内元素a为合法的 -->
<a href="#"><div>A > DIV</div></a>
<!-- 行内元素a包含块级元素div在html5中是合法的 -->
<p><a href="#"><div>P > A > DIV</div></a></p>
<!-- 这样是不合法的，因为a是透明模型，导致了p直接包含了div，不合法 -->
</body>
</html>
It is legal for inline element a to contain block-level elements
Guess you like
Origin blog.csdn.net/weixin_44745920/article/details/114796050
Ranking