HTML随笔

mate标签

meta主要用于设置网页中的一些元数据

1. charset指定网页中的字符集，例如utf-8
2. name指定数据的名称
3. **content **指定数据的内容
4. **keywords **表示网页的关键字，可以指定多个关键字，关键字中试用，隔开
   <meta name="Keyswords" content="购物车，笔记本，相机">
<meta name="Keyswords" content="雨伞，生鲜，临时工">
5. **description **用于指定网站的描述
   <meta name="description" content="是一个神奇的网站">
   网站的描述会显示在搜索引擎的结果中
6. title标签的内容，会作为搜索结果的超链接上的文字显示
7. http-equiv
   <meta http-equiv="refresh" content="3;url=https://wwwo.baidu.com">
   这个操作就是在3秒后将网页重定向到后面的url

语义化标签

在网页中的HTML专门用来负责网页的节后，样式大小形式不是重要的，重要是的是他的语义，

标题标签
1. h1~h6 一共有6级标题
2. 从h1~h6重要性递减，h1最重要,h6最不重要，
3. 一般情况下，一个页面只会有一个h1
p标签相当于页面中的一个段落，独占一行，p标签和标题标签都是块元素
hgroup标签用来为标题分组，可以将一组相关的标签同时放到hgroup
blockquote 表示一个长引用 块元素
q表示一个短引用 行内元素
em标签，表示对语调的一个家中，表现形式是将字体变为斜体
strong表示强调，表现为字体加粗

块元素

在网页中一般通过块元素对网页进行布局

行内元素

行内元素主要用来包裹文字
一般情况下会在块元素里面放行内元素，不会反过来操作
块元素机会什么都能放，
p元素中不能放任何元素
浏览器在解析网页的时候，会自动对网页中不符合规范的内容进行修正