📍 WDQWDWQD987AAAAA:216.73.216.223
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /6a921a649eff.html
📄

HTML链接用法，建站前应准备哪些内容素材

建站前围绕HTML链接用法要准备的素材，核心是三类：每个链接的目标地址、可见文字、以及跳转方式。缺少任何一类，页面写出来就会出现空链接、文字对不上目标或新窗口打开混乱。下面按可执行的准备顺序说明。

先确定每个链接的目标地址

把站点内所有需要互链的页面列成一张表，每行写清楚页面名称、最终路径、以及它要指向哪些页面。路径建议用相对路径，例如./about.html或../guide/index.html，这样在本地预览和上线后行为一致。如果使用绝对地址，要确保域名在测试环境和正式环境都成立，否则本地点击会跳到线上或报错。判断是否准备好，可以看这张表里每个目标路径都能对应到一个真实存在的文件或已确认会存在的页面。

为每个链接准备可见文字

链接文字是用户判断要不要点的依据，不能临时用“点击这里”“更多”应付。准备时给每个链接写一句能独立说明去向的短文字，例如“查看建站素材清单”而不是“查看”。同一页面里指向不同目标的链接，文字不要重复到无法区分。验收信号是：把页面上的链接文字单独摘出来，仍能大致判断它会跳到什么内容。

决定跳转方式并在素材中标注

HTML链接用法里，是否新窗口打开由target属性控制，常见取值是_self和_blank。准备素材时就要标注每个链接的意图，而不是写页面时随手加。一般站内导航用当前窗口，指向外部站点或需要保留当前阅读进度的内容可用新窗口。使用_blank时，较新的浏览器默认会切断新页面对原页面的引用，如果站点依赖该引用，需要额外写rel="noopener"，这一点应在素材阶段就统一约定。检查项是：随机点开几个链接，确认打开位置符合标注，且没有出现空白页。

收集锚点与文件下载类链接的额外信息

如果页面内要跳转到某个小节，需要提前给目标小节起好id名称，并保证同一页面内不重复。例如目标小节写成<h2 id="prepare">，链接写成href="#prepare"，两处名称必须完全一致，包括大小写。指向文件下载的链接，要准备好文件名、格式和大致大小，方便在链接文字或旁边说明里写清楚，避免用户点开才发现不是自己要的格式。判断结果是：锚点点击后页面停在正确位置，下载链接指向的文件名与实际文件一致。

上线前按清单核对一遍

• 所有href都不为空，也不写成占位符。
• 站内路径在本地和线上都能打开。
• 链接文字能说明去向，不出现多个同名不同目标的链接。
• 新窗口打开的链接已按约定处理，没有遗漏。
• 锚点名称与目标id逐字一致。

把这些素材提前整理成表，写页面时只需按表填入，能减少后期逐个排查断链的时间。下一步可以拿这份清单去核对现有草稿，把缺失的目标地址和链接文字补齐后再进入排版。