2021-02-05HTML学习笔记

一.meta标签
1.meta主要用于设置网页中的一些元数据，元数据不是给用户看的；
2.charset指定网页字符集；
name指定数据的名称；
content指定数据的内容；
3. keywords表示网站的关键字，可以同时指定多个关键字，关键字间使用逗号隔开。
例：
京东网页源代码中的关键字表示：

<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>

4.description用于指定网页的描述，网页的描述会显示在搜索引擎的搜索结果中。
例：
京东的网页源代码中的网页描述：

<meta name="description"
          content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"/>

5.title标签的内容会作为搜索结果的超链接上的文字显示
6.将页面重定向到另一个网站

<meta http-equiv="refresh" content="3;url=https://www.baidu.com">

二.语义化标签
在网页中HTML专门用来负责网页的结构，所以在使用html标签时，应该关注的是标签的语义，而不是它的样式。
1.标题标签:
h1~h6一共有六级标题，从h1到h6重要性递减，h1在网页中的重要性仅次于title标签，一般情况下一个页面只会有一个h1，标题标签只会使用到h3
2.在页面中独占一行的元素称之为块元素（block element），标题标签和p标签都是块元素
3.hgroup标签用来为标题分组，可以将一组相关的标题同时放入到hgroup中
例：

<hgroup>
        <h1>回乡偶书二首</h1>
        <h2>其一</h2>
</hgroup>

4.在页面中不会独占一行的是元素称为行内元素，em标签表示语音语调的一个加重，strong标签表示强调重要内容，这两者都属于行内元素。
例：

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

效果：

5.blockquote标签表示一个长引用，用于引用名人名言等，有自动缩进的作用，属于块元素。
例：

李白说：
<blockquote>
        黄河之水天上来，奔流到海不复还。
</blockquote>

效果：

6.q表示一个短引用，没有换行，会自动加引号，是一种行内元素。
例：

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

效果：

7.br标签表示页面中的换行，p标签表示页面中的分段
8.在网页中一般通过块元素来进行页面布局，行内元素主要用来包裹文字；
9.一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素，块元素中基本什么都能放；
10.p元素中不能放任何块元素；