7.语义化标签

2022-01-20 01:32:44 阅读：79 来源： 互联网

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>语义化标签</title>
</head>
<body>
  <!--
      在网页中HTML专门来负责网页的结构
             所以在使用HTML标签时，关注标签的语义，样式是CSS的事
             标题标签：
                   h1-h6,重要性递减，一个网页页面一般一个h1
                   是块元素



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

<!--用来为标题分组，可以将一组相关de
    hgroup标签

-->

<hgroup>
    <h1>Calculus I</h1>
    <h2>Fundamentals</h2>
</hgroup>
<!--
    p标签表示页面中的一个段落，是块元素
-->
<p>我是P标签</p>
<p>P标签在网页显示一个段落</p>

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

    在页面中不会独占一行的元素称为行内元素（inline element） 
-->
<p>我是计科小白<em>jqw</em>的博客笔记</p>

<!--
    strong  表示强调重要内容，加粗

-->
   <p>计科小白jqw<strong>哈哈</strong>的博客 </P>

    计科小白jqw说：
    <!-- blockquote 表示一个长引用 -->
    <blockquote>
        我是计科小白jqw
    </blockquote>
     <!-- q 表示一短长引用 -->
     计科小白jqw说：
  
     <q>
         我是计科小白jqw
         <br>   
         你是谁？
     </q>

</body>
</html>

　　重点：块元素独占一行，行内元素不占

标签：标签,元素,语义,博客,计科小白,jqw
来源： https://www.cnblogs.com/jkxbjqw/p/15824829.html

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

ICode9

7.语义化标签