HTML本身不实现功能，仅定义结构与语义；跳转靠、提交靠、折叠用等原生标签即可完成基础交互，无需JavaScript。
直接说结论：HTML 本身不“实现功能”，它只负责定义内容结构和语义；所谓“基础网页功能”，比如跳转、提交、展示、分隔，全靠标签的默认行为 + 少量属性驱动，不需要写 JavaScript 就能跑通。
用 <a></a> 实现页面跳转和锚点定位
浏览器对 <a></a> 的原生支持是最强的功能入口。它不是“超链接”那么简单，而是唯一能触发导航行为的 HTML 元素。
- 跳转外部页面：
<a href="https://example.com">访问示例站</a>—— 注意必须带协议（https://或http://），否则会被当作相对路径处理 - 跳转同目录下页面：
<a href="about.html">关于我们</a>—— 路径写错或文件不存在时，浏览器只报 404，不会提示你“链接失效” - 页面内锚点跳转：
<a href="#contact">联系我</a>配合<div id="contact"></div>——id值必须严格匹配，大小写敏感，且整个页面只能出现一次 - 新窗口打开：
<a href="https://example.com" target="_blank" rel="noopener">安全外链</a>——rel="noopener"不是可选项，漏掉会导致window.opener泄露当前页面控制权
用 <form></form> + <input> 实现数据提交
表单是 HTML 中唯一自带“提交语义”的交互结构。它不依赖 JS 就能发请求，但默认行为是整页刷新，这点常被误认为“失败”。
- 最简可用表单：
<form action="/submit" method="POST"> <input name="email" type="email"><button type="submit">提交</button> </form>——name属性决定字段名，后端靠它收数据；type="email"仅触发浏览器校验，不阻止提交 -
method值选GET还是POST：搜索类用GET（参数进 URL，可书签）；含敏感/大文本/文件上传必用POST - 防止重复提交：HTML 无内置机制，但可加
<button disabled></button>并用 JS 控制，纯 HTML 场景下只能靠后端幂等设计兜底 - 文件上传必须加
enctype="multipart/form-data"，漏掉会导致后端收不到文件字段
用语义化标签组织内容结构，让“功能”自然浮现
很多人想“加功能”，其实只是没用对标签。比如“返回顶部”不是靠 JS 滚动，而是靠 <a href="#"></a> + <footer></footer> 的天然位置关系；“折叠菜单”在 HTML5 里用 <details><summary></summary></details> 一行就搞定。
立即学习“前端免费学习笔记（深入）”；
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
-
<details><summary>点击展开</summary><p>隐藏内容</p></details>—— 原生展开/收起，无需 JS，但 Safari 旧版本支持差 -
<nav></nav>包裹导航链接，配合 CSS 可一键切换横排/竖排，语义清晰也利于屏幕阅读器识别 -
<hr>不只是画线，它表示主题转换，搜索引擎会据此理解段落关系；滥用<br>换行则破坏语义，且响应式下易错位 -
<figure><figcaption></figcaption></figure>组合图片与说明，比单纯<img alt="如何使用HTML实现基础网页功能" >+<p></p>更利于 SEO 和无障碍访问
为什么有些“功能”纯 HTML 做不了？关键在边界认知
HTML 的能力边界非常明确：它不处理状态、不执行逻辑、不响应事件（除了 onclick 这种已淘汰的内联写法）。所有需要“记住用户操作”“实时校验输入”“动态更新局部内容”的场景，都超出 HTML 范畴。
- 比如“密码强度提示”：HTML 只能用
type="password"隐藏输入，强度计算和反馈必须由 JS 完成 - 又如“搜索建议下拉”：
<datalist></datalist>只能做静态匹配，动态接口请求 + 渲染列表必须 JS - 再如“深色模式切换”：
@media (prefers-color-scheme: dark)只能读系统偏好，开关按钮和 localStorage 记录偏好值都得 JS 插手
最容易被忽略的一点：HTML 标签的默认样式和行为，在不同浏览器中仍有细微差异（比如 <button></button> 的边框、<select></select> 的下拉箭头），别指望纯 HTML 页面在所有设备上“看起来一模一样”。真正要交付的网页，CSS 重置和渐进增强才是常态。
