4. 语义化标签1

<!DOCTYPE html>
<html lang="ch">
<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)
        在页面中不会独占一行的元素称为行内元素(inline element)

        hgroup标签用来为标题分组,可以将一组相关的标题同时放入到hgroup
        em标签用于表示语音语调的一个加重(inline element)
        strong标签用于表示强调,重要内容(inline element)
        blockquote标签用于表示引用别人说的话(block element)
     -->
     <h1>回家</h1>
     <h2><em></em>回家</h2>

     <hgroup>
         <h1>但是还不能回家</h1>
         <h2>再坚持坚持吧</h2>
     </hgroup>
    
     鲁迅说:
     <blockquote>
        我也好想回家
     </blockquote>
</body>
</html>

版权声明:本文为quanxiaobai_原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。