这是我参与「第四届青训营 」笔记创作活动的的第1天
1.前端应该关注哪些方面？
功能、美观、无障碍、安全、性能、兼容、体验。
2.HTML是什么？
HyperText Markup Language：超文本标记语言。
超文本：图片、标题、链接、表格。
标记语言：一种将文本以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文
字编码。
3.网页具有那些特点？
相较于传统的图形化界面，网页具有以下优点：不需要安装、无需更新、跨平台。
4.网页中使用的语言
HTML（内容）、CSS（表现）、JavaScript（行为）。
5.网页的结构划分
6.网页的基本结构
<!-- 文档声明，声明当前网页的版本 -->
<!DOCTYPE html>
<!-- html的根标签，网页中的所有内容都要写根元素的里边 -->
<!--英文网站的话，lang=en，english-->
<html lang="zh">
<!-- head是网页的头部，head中的内容不会在网页中直接出现，主要用来帮助浏览器或搜索引擎来解析网页 -->
<head>
<!-- meta标签用来设置网页的元数据，这里meta用来设置网页的字符集，避免乱码问题 -->
<meta charset="UTF-8">
<!-- title中的内容会显示在浏览器的标题栏，搜索引擎会主要根据title中的内容来判断网页的主要内容 -->
<title>页面标题</title>
</head>
<!-- body是htm1的子元素，表示网页的主体，网页中所有的可见内容都应该写在body里 -->
<body>
<h1>一级标题</h1>
<p>段落内容</p>
</body>
</html>
7.什么是DOM？
DOM（Document Object Model）即文档对象模型，是W3C制定的标准接口规范，是一种处理
HTML和XML文件的标准API。
DOM提供了对整个文档的访问模型，将文档作为一个树形结构，树的每个结点表示了一个HTML标签或标签
内的文本项。
DOM树结构精确地描述了HTML文档中标签间的相互关联性。
将HTML或XML文档转化为DOM树的过程称为解析(parse)。
这里引用了老师上课ppt的内容来展示DOM树具体化表现，结构清晰明了。
8.字符实体
在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格
在html中有些时候我们不能直接书写一些特殊符号
比如，多个连续的空格，字母两侧的小于号和大于号
如果我们需要在网页中书写特殊的符号
则需要使用html中的实体（转义字符）
实体的语法：&实体的名字；
例如：
 ；空格
>；大于号
<：小于号
©版权符号
9.语义化
语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。
在网页中html专门用于负责网页的结构，所以在使用html标签时，
应该关注的是标签的语义，而不是它的样式。
html中有很多标签：
从标签是否闭合上我们可以分为两大类：双标签和单标签。
标签应用方面分为三类：行级标签、块级标签、行内块标签。
以下为自己整理的一些常用标签：
标题标签：
-
h1-h6一共有六级标题
布局标签（结构化语义标签）：
-
header 表示网页的头部（顶部） -
main 表示网页的主体部分（一个页面只会有一个） -
footer表示网页的底部 -
nav表示网页的导航 -
aside和主体相关的其他内容（侧边栏） -
article表示一个独立的文章 -
section表示一个独立的区块，上边的标签都不能表示时使用section -
div没有语义，就用来表示一个区块，目前来讲div还是我们主要的布局元素 -
span行内元素，没有任何语义，一般用于在网页中选中文字 -
hgroup标签用来为标题分组，可以将一组相关的标题同时放入到hgroup中 -
p标签表示页面中的一个段落 -
em标签用于表示语音语调的一个加重 -
strong表示强调 ，重要内容！ -
blockquote表示一个长引用 (换行加空格) -
q表示一个短引用 -
br换行
