为何可在inline元素<a>中嵌套block元素？规范冲突疑问

• 旧规范的限制：在HTML4及更早版本里，<a>被定义为行内元素，行内元素只能包含其他行内元素或纯文本，确实不能嵌套块级元素，这就是你之前遵循的规范要求。
• HTML5的规则调整：HTML5重新定义了<a>的内容模型，它现在属于流内容容器，只要嵌套的元素不是交互式元素（比如<a>、<button>这类自带点击交互的标签），就可以合法地包含块级元素（像<div>、<p>、<h1>这些都没问题）。
• 实际开发的需求：这种写法能让整个块区域都成为可点击的链接，比如做卡片组件时，用户点击卡片的任意位置都能跳转，比给卡片里的每个文本单独加链接更高效，也更符合用户的操作习惯。
• 浏览器兼容性：目前所有主流浏览器都完全支持HTML5的这个规则，所以实际项目里这么写是安全且被广泛接受的。

内容的提问来源于stack exchange，提问作者Joel Castro