Html 如何防止标题标记延伸到正文宽度_Html

Html 如何防止标题标记延伸到正文宽度

html

Html 如何防止标题标记延伸到正文宽度,html,Html,我有一些标题链接问题在于，可点击链接区域延伸到整个页面，而不仅仅是文本的结尾。因此，如果用户单击链接右侧的空白，它仍然会将他们链接到该页面现在，这是一个有趣的约束，但是是否有一个纯HTML的解决方案？如果可能的话，我想避免CSS，但如果这是唯一的方法，那就这样吧。h1、h2、h3、h4、h5、h6是块元素的一部分要使它们内联，请尝试显示：内联或显示：内联块 h1、h2、h3、h4、h5、h6是块元素的一部分要使它们内联，请尝试显示：内联或显示：内联块这是由h3元素引起的。解

我有一些标题链接

问题在于，可点击链接区域延伸到整个页面，而不仅仅是文本的结尾。因此，如果用户单击链接右侧的空白，它仍然会将他们链接到该页面

现在，这是一个有趣的约束，但是是否有一个纯HTML的解决方案？如果可能的话，我想避免CSS，但如果这是唯一的方法，那就这样吧。

h1、h2、h3、h4、h5、h6是块元素的一部分

要使它们内联，请尝试

显示：内联或显示：内联块

h1、h2、h3、h4、h5、h6是块元素的一部分
要使它们内联，请尝试
显示：内联或显示：内联块

这是由h3
元素引起的。解决这个问题的唯一方法是使用CSS。这很简单，只要用这个来代替
<body>
    <a href="#"><h3 style="display: inline;">Some link somewhere</h3></a>
</body>


这是由h3
元素引起的。解决这个问题的唯一方法是使用CSS。这很简单，只要用这个来代替
<body>
    <a href="#"><h3 style="display: inline;">Some link somewhere</h3></a>
</body>


我自己也有这个问题。但是我不想内联Header元素
因此，对我来说，一个简单的解决方案是在链接周围放置标题标签：
<body>
    <h3>
        <a href="#">Some link somewhere</a>
    </h3>
</body>



而不是：
<body>
    <a href="#">
        <h3>Some link somewhere</h3>
    </a>
</body>



JS小提琴：
我自己也有这个问题。但是我不想内联Header元素
因此，对我来说，一个简单的解决方案是在链接周围放置标题标签：
<body>
    <h3>
        <a href="#">Some link somewhere</a>
    </h3>
</body>



而不是：
<body>
    <a href="#">
        <h3>Some link somewhere</h3>
    </a>
</body>



JS小提琴：
看来CSS是唯一的出路。谢谢你，我很高兴能帮上忙！看起来CSS是唯一的出路。谢谢你，我很高兴能帮上忙！看起来CSS是唯一的出路。谢谢。看来CSS是唯一的选择。非常感谢。