1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8" />
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8.     <title>语义化的文本元素</title>
  9. </head>
  11. <body>
  12.     <span> 2021 12-17 16:24</span>
  13.     <time> 2021 12-17 16:24</time>
  14.     <p>html语义化文本元素</p>
  15.     <p>
  16.         <abbr title="HyperText Markup Language">html</abbr
  17.       >文档，是采用超温本标记编写的文档
  18.     </p>
  19.     <p>2<sup>4</sup>=16;</p>
  20.     <p>
  21.         <footer>联系地址：</footer>
  22.         <address>
  23.             广东省广州市珠江区曲海社区
  24.         </address>
  25.     </p>
  27.     <p>猪肉原价：<del>38.88</del>，现价：28.88</p>
  30.     <p>
  31.         <progress max="100" value="50">已完成50%</progress>
  32.     </p>
  33.   </body>
  34. </html>

效果：