04.语义化标签

2022-05-30 19:32:42 阅读：157 来源： 互联网

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

    <!-- 
        在网页中HTML专门用来负责网页的结构
        所以在使用html标签时，应该关注的是标签的语义，而不是它的样式

        标题标签：h1~h6 一共有六级标题
        从h1~h6重要性递减，h1最重要，h6最不重要
        h1在网页中的重要性仅次于title标签，一般情况下一个页面中只会有一个h1
        一般情况下标题标签只会使用h1~h3，h4~h6很少用

        像这样在页面中独占一行的元素称为块元素（block element）
        所以标题标签都是块元素
    -->
     <h1>一级标题</h1>
     <h2>二级标题</h2>
     <h3>三级标题</h3>
     <h4>四级标题</h4>
     <h5>五级标题</h5>
     <h6>六级标题</h6>

    <!-- 
         p标签表示页面中的一个段落
         p也是一个块元素
    -->
      <p>在p标签中的内容就表示一个段落</p>
      <p>在p标签中的内容就表示一个段落</p>

    <!-- 
        hgroup标题组标签 用来为标题分组，可以将一组相关的标题同时放入到hgroup
    -->
      <hgroup>
          <h1>回乡偶书二首</h1>
          <h2>其一</h2>
      </hgroup>

      <!-- 
          em标签用于表示语音语调的一个加重

          在页面中不会独占一行的元素称为行内元素（inline element）
       -->
      <p>今天天气<em>真</em>不错！</p>

      <!-- 
          strong 表示强调，重要内容！
       -->
      <p>你今天必须要<strong>完成作业</strong>！</p>

        鲁迅说：
        <!-- blockquote表示一个长引用 -->
        <blockquote>
            这句话我是从来没有说过的！
        </blockquote>

        <!-- q表示一个短引用 -->
        子曰
        <q>学而时习之，乐呵乐呵！</q>

        <!-- br标签表示页面中的换行 -->
        <br>
        <br>
        <br>
        今天天气真不错！


</body>
</html>

标签：段落,时习,04,标签,真不错,语义,标题,今天天气
来源： https://www.cnblogs.com/sherryyuan/p/16327955.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

04.语义化标签