HTML Heading, Paragraph, Text Formatting


Headings 标题

HTML文档一共有从<h1><h6>,共6个级别的标题,重要性依次递减。

注意:不要使用heading来实现文本字体的加粗加大效果。因为搜索引擎使用 heading 来索引网页的结构和内容。

Paragraphs 段落

HTML使用 <p> 元素来定义段落。

HTML Display

在 HTML 代码中写额外的空格或者是换行都不能改变文档的输出结果。

浏览器会删除多余的空格和分段,不论你在同一个元素里代码写了多少个空格(或新段落),都将被记为一个空格

Line Break

需要在同一个 <p> 里换行可以使用标签 <br> 元素。

HTML <pre> Element

该元素定义了 pre-formatted text, 使用该元素来保留其中 text node 里的空格和分段格式。

Horizontal Rules

<hr> 元素在网页中创建水平横线,可用于分隔内容。

Text Formatting

HTML也定义了一些特别的元素,用来给文本赋予特殊的meaning

Bold and Strong

The <b> element defines bold text, <strong> element with added semantic “strong” importance.

Italic and Emphasized

The <i> element defines italic text, <em> element defines emphasized text with added semantic importance.

Often <strong> renders as <b>, and <em> renders as <i>. However, there is a difference in the meaning of these tags. 前两者表示希望指定的文本被用户理解为是重要的,而不仅仅是粗/斜体字,尽管目前浏览器让这些元素以粗体或斜体字显示。

If a browser one day wants to make a text highlighted with the strong feature, it might be cursive 草书体 for example and not bold!

HTML Text Formatting Tags

  • <b> bold text 粗体字
  • <i> can be used to indicate a technical term 技术词汇, a phrase from another language 其他语言的短语, a thought 一个想法, or a ship name 或者是一个名字, etc.
  • <strong> important text
  • <em> emphasized text 强调文本
  • <small> smaller text
  • <mark> new in H5 marked/highlighted text, 高亮或标注文本,IE8及之前不支持
  • <del> defines deleted (removed) text, 效果同给文本加删除线
  • <u> defines underline (added)text, 文本被渲染with下划线
  • <ins> defines inserted (added)text, 效果同给文本加下划线
  • <sub> appears half a character below the baseline 低于基准线半个字符高度,用于化学式
  • <sup> superscripted text 高于基准线半个字符, 用于脚注:WWW[1]