语义化标签01

最新推荐文章于 2023-02-16 13:27:38 发布

呱太

最新推荐文章于 2023-02-16 13:27:38 发布

阅读量80

点赞数

分类专栏： html/css 文章标签： css html5 js html

本文链接：https://blog.csdn.net/qq_35650513/article/details/112848991

版权

html/css 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 
        在网页中HTML专门用来负责网页的结构
            所以在使用HTML标签时，应该关注标签的语义，而不是什么样子

                标题标签：
                    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>


<!--
    hgroup标签用来为标签分组，可以将一组相关的标题放入到hgroup
-->
<hgroup>
    <h1>诗二首</h1>
    <h2>其一</h2>
    <p>哈哈哈哈哈</p>
    <h2>其二</h2>
    <p>啦啦啦啦啦</p>
</hgroup>



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

    在页面中不会独占一行的元素称为行内元素（inline element）
-->

<p>今天天气<em>真</em>不错</p>

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



<!--
    blockquote用来表示长引用
    块元素
-->

鲁迅说：
<blockquote>这句话我从来没有说过</blockquote>


<!--
    q表示短引用
    行内元素
-->

子曰：<q>学而时习之</q>

<!--
    br表示换行
-->
<br>哈哈哈
<br>
哈哈哈
</body>
</html>