Skip to content

文本与标题 ​

一篇网页内容,最重要的就是清晰的标题层级和规整的段落,这既利于阅读,也利于 SEO。

标题层级要清晰 ​

搜索引擎靠标题判断页面结构。推荐这样用:

html
<h1>网页主题</h1>     <!-- 全页只有一个 -->
  <h2>第一大节</h2>
    <h3>小节一</h3>
    <h3>小节二</h3>
  <h2>第二大节</h2>
  • <h1> 一页只用一个,放页面主题
  • <h2> 分大节,<h3> 往下细分
  • 不要跳跃使用,不要为了字体大小乱用标题

常用文本标签 ​

标签作用示例
<p>段落一段文字
<strong>加粗强调重点
<em>斜体强调
<mark>高亮标记高亮
<blockquote>引用一段引用
<code>行内代码var x = 1

引用示例 ​

html
<blockquote>
  实践出真知。
</blockquote>

组合小练习 ​

html
<h1>我的学习笔记</h1>
<p>今天复习了 <strong>标题层级</strong>,</p>
<p>以及 <em>常用文本标签</em>,收获很大。</p>

记忆口诀

一页一 H1,层级不跳跃,内容靠 P 排,重点用 strong。

HTML 入门教程 · 零基础学做网页 · 每页带代码示例