前端技术对html的内联元素的学习
内联元素
字体元素
斜体字
同样,<em>
和<i>
标签默认情况下均以斜体显示标签中的文本,但是<em>
标签具有强调的语义,用来表示标签中的内容很重要,而<i>
标签仅仅用于定义斜体文本。
示例代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><em>和<i>标签演示</title>
</head>
<body>
<p>当您决定使用C语言中文网,您已经超越了 <em>90%</em> 的程序员,请记住网址 <i>http://c.biancheng.net/</i>。</p>
</body>
</html>
同上例一样,给90%
添加 标签是为了强调C语言中文网带来的震撼效果,而给网址添加 标签仅仅是为了引起读者的注意。
运行结果如下图所示:
图2: 和 标签示例
根据 HTML5 的规范,标题应该用<h1>
~<h6>
标签定义,被强调的文本应该用<em>
标签定义,重要的文本应该用<strong>
标签定义,被标记的或者高亮显示的文本应该用<mark>
标签定义等等,类似这样的规范还有很多
粗体字
默认情况下,<strong>
和<b>
标签都可以使文本以粗体展示标签中的文本,但是<strong>
标签的语义是标签中的内容具有很高的重要性,而<b>
标签的语义仅仅是加粗文本以引起读者的注意,并没有特殊的意思。
示例代码如下所示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><strong>和<b>标签演示</title>
</head>
<body>
<p>当您决定使用C语言中文网,您已经超越了 <strong>90%</strong> 的程序员,请记住网址 <b>http://c.biancheng.net/</b>。</p>
</body>
</html>
此处给90%
添加 标签是为了强调C语言中文网的重要性,以及它带来的震撼效果;而给网址添加 标签仅仅是为了视觉上的加粗效果,这样能引起读者的注意。
运行结果如下图所示:
图1: 和 标签示例