前端标签(标题标签)

HTML标签的语义化

为什么要有语义化标签

  • 方便代码的阅读和维护
  • 同时让浏览器或是网络爬虫可以很好地解析,从而更好分析其中的内容
  • 使用语义化标签会具有更好地搜索引擎优化
    核心:合适的地方给一个最为合理的标签。
    语义是否良好: 当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性。不管是谁都能看懂这块内容是什么。
    遵循的原则:先确定语义的HTML ,再选合适的CSS。

标题标签 (熟记)
单词缩写: head 头部. 标题 为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题,即h1-h6
标题标签语义: 作为标题使用,并且依据重要性递减
其基本语法格式如下:

<hn>   标题文本   </hn>

注意: h1 标签因为重要,尽量少用,不要动不动就向你扔了一个h1。 一般h1 都是给logo使用。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
     <h1>来自星星的我</h1>
     <h2>来自星星的我</h2>
     <h3>来自星星的我</h3>
     <h4>来自星星的我</h4>
     <h5>来自星星的我</h5>
     <h6>来自星星的我</h6>
     <hr /> 
     <p>《来自星星的我》是由张太侑导演,朴智恩编剧,金秀贤、全智贤、刘仁娜、朴海镇等主演的爱情科幻喜剧,于2013年12月18日在韩国SBS电视台首播。</p>
     <p>该剧讲述了从外星来到朝鲜时代至400年后的现代的神秘男人都敏俊(金秀贤饰),与身为国民顶级女演员的千颂伊(全智贤饰)陷入爱情的过程,不同星球的两人消除彼此之间的误解,克服危险追寻真爱的浪漫爱情故事。</p>
     <p>400年前坠落在朝鲜的外星人,带着他迄今为止4个世纪的秘密,独自在首尔的天空下生活着。仍然拥有和初到地球时一样的年轻英俊的外貌,并拥有着超天才的能力,他就是现任大学讲师的都敏俊(金秀贤饰)。另一方面是目中无人冒冒失失的韩流明星千颂伊(全智贤饰)。相邻的男子和女子,迸出了火花,发现了和前生有关的牵绊。还有3个月就可以回到自己星球的都敏俊意外地陷入了和韩流明星千颂伊的爱情。</p>
    </body>
</html>

运行结果如下:

别废话,拿你代码给我看。
原文地址:https://www.cnblogs.com/lvxueyang/p/13707477.html