如何将HTML/Bootstrap描述列表项设置为可点击的跳转链接
2026-10-19
实现方法
根据你要设置可点击的区域，有两种常用方案，都符合Bootstrap的规范，不会破坏原有描述列表的对齐效果：
1. 让内的文字可点击
直接在<dt>标签内部嵌套<a>标签即可，示例代码：
<dt><a href="替换为你的目标链接地址">Web</a></dt> <dd class="personal_company_profile"></dd>
2. 让区域的内容可点击
如果是要
<dd>内部即可；如果需要整个<a>加Bootstrap自带的d-block类就能让链接占满整个<dt>Web</dt> <dd class="personal_company_profile"> <a href="替换为你的目标链接地址" class="d-block">这里填写链接展示的文字</a> </dd>
可选样式调整
如果不需要链接默认的下划线，给<a>标签添加text-decoration-none类即可，不用额外写自定义CSS。
注意：从HTML语义化角度更推荐把
<a>嵌套在<dt>/<dd>内部，不建议直接用<a>包裹整个<dt>/<dd>标签，语义清晰度会更好。
内容的提问来源于stack exchange，提问作者Alexandermss
相关产品推荐
相关产品推荐
