HTML文本语义标签标准使用

  • A+
所属分类:Web前端
摘要

练习源码 

练习源码

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta name="keywords" content="关键词1,关键词2,关键词3">     <meta name="description" content="网站描述bla bla">     <title>网站标题</title> </head> <body>     <!-- 段落文本标签 -->     <p>p</p>      <!-- 原样输出标签,源代码格式 -->     <pre>pre          pre     </pre>      <!-- 换行标签 -->     <br>      <!-- 对某些文本进行独立控制,且无特殊语义情况 -->     <span>span</span>      <!-- 小号字体,多用于描述声明类的内容 -->     <small>small</small>      <!-- 时间标签,语义上更清晰 -->     <time>2020-10-10</time>      <!-- abbr描述一段简写的文本,全写加在title属性中 -->     <abbr title="js是一门优秀的语言">js</abbr>      <!-- 上标 -->     h<sub>2</sub>o     <br>     <!-- 下标 -->     5<sup>2</sup>      <br>      <!-- del删除 ins修正 -->     原价:<del>500元</del>,现价<ins>300元</ins>      <!-- s表示不准确的内容 -->     <s>川普特别靠谱</s>      <!-- code语义上表示代码区域,想要展示效果需要结合插件 -->     <code>         code code     </code>      <!-- 进度条 -->     <progress value="30" max="100"></progress>      <!-- 强调标签 -->     <strong>strong</strong>      <!-- 突出文本 -->     <em>em</em>      <!-- 高亮,突出文本 -->     <mark>mark</mark>      <!-- cite引用 -->     这段文本来自<cite>后盾人</cite>      <!-- 大段引用文本 -->     <blockquote>失败终将在坚持中踏过</blockquote>      <address>地址标签</address> </body> </html>