博客正文必须用article包裹，因其满足独立可分发标准；时间用time+datetime属性，作者用address，分类标签用aside；main承载唯一核心内容，aside放非必需补充信息。

博客文章的HTML5语义化结构，核心是让每一块内容“自己说话”——标题就是标题，正文就是正文，发布时间就是发布时间，不靠class猜，不靠CSS推。关键不是标签用得多，而是用得准、嵌得对、逻辑清。

文章主体必须用

一篇博客正文必须包裹在article里，因为它满足“独立可分发”这个硬标准：能被RSS抓取、能单独分享、删掉页眉页脚后依然完整可读。

• 每个
  应有明确主题，通常自带一个

  或

  作为标题

• 内部可包含自己的
  （放标题、作者、时间）、

  （放分类、标签、编辑信息）
• 不要把整页内容都塞进
  ——比如侧边栏、底部导航、全局页脚，都不属于它

时间、作者、分类要用语义标签表达

发布时间不是普通文字，它是结构信号。用标签并带上datetime属性，既帮搜索引擎识别时效性，也方便屏幕阅读器朗读准确日期。

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

• 2026年7月25日 —— 正确写法，机器可解析
• 避免写成7月25日，语义丢失
• 作者信息可放在
  的

  内，用作者名或

  作者邮箱
• 分类和标签建议用
  ，但更推荐用
  包裹，表明它们是补充信息

主内容区域必须由

唯一承载

整个页面只有一个

，它直接出现在下，里面只放真正服务于这篇博客的核心内容。

• 里可以有多个

  （如首页的文章列表），但不能嵌套在

  、

  或

  里
• 不要用
  包侧边栏、面包屑、相关推荐——这些属于辅助信息，该归

  或独立区块
• 如果页面只有单篇文章（如文章详情页），
  就只包这一个

补充信息用

，不是

与当前文章相关但非必需的内容，比如术语解释、作者简介卡片、关联资源链接、广告位，都应该放进

。

• 可以出现在

  内部（如文末作者介绍），也可在

  外侧（如右栏推荐）
• 它和
  是平行关系，不是父子关系；

  里不应再放
• 删除
  后，文章逻辑依然完整——这是判断它是否该用

  的关键标准

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！