<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>语义化的文本元素</title>
</head>
<body>
<span> 2021 12-17 16:24</span>
<time> 2021 12-17 16:24</time>
<p>html语义化文本元素</p>
<p>
<abbr title="HyperText Markup Language">html</abbr
>文档,是采用超温本标记编写的文档
</p>
<p>2<sup>4</sup>=16;</p>
<p>
<footer>联系地址:</footer>
<address>
广东省广州市珠江区曲海社区
</address>
</p>
<p>猪肉原价:<del>38.88</del>,现价:28.88</p>
<p>
<progress max="100" value="50">已完成50%</progress>
</p>
</body>
</html>
效果: