参考资料

  1. HTML 缩写和首字母缩写
  2. HTML 合并单元格
  3. html列表标签详细说明以及案例
  4. HTML 折行
  5. HTML 图像
  6. HTML 提示
  7. Html转C#/JSP有哪些
  8. HTML 链接详解

HTML 标题

详细介绍

HTML 标题用于定义文档的标题层次结构,从最重要的 <h1> 到最不重要的 <h6>

标签

  • <h1> 最高级标题

  • <h2> 次级标题

  • <h3> 三级标题

  • <h4> 四级标题

  • <h5> 五级标题

  • <h6> 最低级标题

用法

<h1>主标题</h1>
<h2>章节标题</h2>
<h3>子章节标题</h3>

功能

  1. 定义文档结构

  2. 提供内容层次

  3. 影响SEO排名

  4. 辅助屏幕阅读器导航

CSS扩展

/* 基本样式 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* 自定义样式 */
h1.custom-title {
  color: #333;
  font-family: Arial, sans-serif;
  text-shadow: 1px 1px 2px #ccc;
}

/* 响应式标题 */
@media (max-width: 600px) {
  h1 {
    font-size: 1.5em;
  }
}