HTML5 文本和语义

文本标签

常见的一些文本标签。

<p>一群大雁往南飞 ~ </p> <!-- 段落标签 -->

<span>无功能</span> <!-- 无功能,针对 CSS 设计的,用于载入 style="" 属性 -->

<br> <!-- 换行标签 -->

<strong>加粗</strong>

<em>斜体</em>

<del>删除</del>

<hr> <!-- 水平线 -->

显示效果

一群大雁往南飞 ~

无功能
加粗 斜体 删除

标题组

用于文档标题相关的定义从 h1 ~ h6,主要是字体大小和粗细的变化。

<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>

显示效果

标题

标题

标题

标题

标题
标题

语义化

标签语义化是HTML5标准中的一个新特性,可以理解为标签名称的含义,就是标签的功能。在旧版本HTML4.0中,针对字体的加粗使用的是<b>标签,而到了HTML5使用的是<strong>标签,因为 “strong” 这个单词的含义就有 “加粗” 的意思,但由于 HTML5 对 HTML4 的兼容,在浏览器的眼里<b><strong> 是相等的。除了 b、strong 之外,还有很多标签仅仅是语义化的效果,但是功能效果和 spandiv 是完全一致的,所有为了方便,可以记住这几个主流的标签,通常也能完成大部分相同的工作。

更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程