本周主要学习了html和css的基础知识，首先是语义化：# 语义化
## 什么是语义化
1. 每个元素都有具体意义
a元素： 超链接
p元素 ：段落
h1元素：一级标题
2. 所有元素与展示效果无关
展示效果由css决定
**重要：选择什么元素取决内容含义，而非显示效果**
比如你要在非一级标题的地方用加大加粗的字体，
不应首先考虑到一级标题，而是考虑到用css代码来修改
## 为什么需要语义化？
1. 为了搜素引擎优化（SEO）
2. 为了让浏览器更好的理解网页
然后是文本元素以及HTML的几本书写格式：
## 注释
···
<!-- "此处填写注释内容" -->
注释的快捷键 ：ctrl + /
···
## 元素
元素的组成：起始标记、结束标记、元素内容、元素属性
有些元素没有结束标记，称为: **空元素**
有两种写法：
1.```<meta charset="UTF-8">```
2.```<meta charset="UTF-8" />```
## 元素的嵌套
元素不可以相互交叉嵌套
## 根元素
```html
<head>
<!-- 是所有元素的父元素或祖先元素 -->
</head>
```
## 文档体
```html
<body>
</body>
```
## h
标题：head
h1 ~ h6 :表示一级到六级标题。
## P
段落 paragraphs
> lorme,乱数假文，没有任何实际含义的文字
## span 【无语意】
没有语意，仅用于设计样式
> 以前：某些元素在显示时会独占一行（块级元素），而某些不会（行级元素）。
> 到了html5已经弃用这种说法。(和语义化相关，元素只管内容，css决定格式，通过css可以把块容器修改为行容器)
## pre
预格式化文本元素（避免空白折叠）
空白折叠：在源代码中连续的空白字符（制表符、换行、空格），在页面显示时会被折叠为一个空格。
例外：在pre元素中的内容不会出现空白折叠。
该元素通常用于在网页中显示一写代码.
pre元素功能的本质：它有一个默认的css属性。
> 显示代码时通常外面套code元素，code表示代码区域。
