目录
1. Web语义化
让页面具有良好的结构与含义,从而让人和机器都能快速理解网页内容
2. em和strong标签
2.1 测试代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div align="center">
<p><em>强调</em> <br />
<i>斜体,无语义</i>
</p>
<p>
<strong>重点强调</strong> <br />
<b>粗体,无语义</b>
</p>
</div>
</body>
</html>
2.2 效果图
尽管em和i标签、strong和b标签显示的效果相同,但是em和strong强调了语义,i和b标签已经不再使用
3. 自定义列表dl、列表项dt、 描述dd
dl可以表示用户自定义一个列表,dt表示列表项,dd是对列表项的描述
3.1 测试代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<dl>
<dt>HTML</dt>
<dd>超文本标记语言</dd>
<dt>CSS</dt>
<dd>层叠样式表</dd>
</dl>
</body>
</html>