1.前言 本次课程主要介绍了：
前端要解决的基本问题 HTML的基本定义和语法 为什么要语义化和怎么做的语义化 2.什么是前端 使用Web技术栈解决多端图形GUI交互问题。
3.前端需要关注哪些问题 功能 美观 无障碍 安全 性能 兼容 性能 4.HTML语法 标签和属性不区分大小写，推荐小写 空标签可以不用闭合，比如input 属性值推荐用双引号包裹 某些属性可以省略，比如required、readonly 5.HTML标签 （1）标题和段落
使用h1~h6标签可以定义文章标题，HTML分别给它们指定了默认的样式。而文章中的段落使用p标签定义。
一级标题
一级标题内容
二级标题
二级标题内容
三级标题
三级标题内容
四级标题
四级标题内容
五级标题
五级标题内容
六级标题
六级标题内容
这时可能有人就要问了，我用div和span同样可以实现标题和段落效果啊，为什么非得用h1标签和p标签呢？
虽然上述代码同样也可以做到和h1标签+p标签一样的效果，但是这么写的代码语义一点都不明确，页面展示效果上确实做到了h1+p标签一样的效果，但代码却无法让人一眼看出这是标题+段落的组合，换成以下标签组合明显语义更加清晰，且不用写额外的样式代码。
为什么要使用语义化标签？
-
提高代码的可的可读性和可维护性
-
有益于SEO
-
提升无障碍性
如何实现语义化？
- 了解每个标签的属性和含义
- 思考什么标签最适合描述这个内容
- 不使用可视化工具生成代码
（2）列表
有序列表
有序列表使用ol标签定义。列表项会被自动地添加上序号，ol标签本身具有默认的margin和padding属性值。
- 1
- 2
- 3
- 无序列表
无序列表使用ol标签定义。列表项会被自动地添加上列表项符号，ul标签本身具有默认的margin和padding属性值。
- 作者：
- a
- 编辑：
- b
- c
网页中的多媒体内容通常有：图像、视频和音频，这三种多媒体内容在HTML中分别使用img标签、video标签和audio标签定义。这三个标签都有一个src属性，用来指向需要嵌入的资源路径。在img标签中，还定义了alt属性，这个属性主要用来做内容退化处理，即某一次资源未能按照预期加载时，将会以alt中的内容替代显示。
（4）链接
链接使用a标签定义，href指向跳转路径，target属性指定跳转方式，通常有_self当前页面跳转、_parent父级框架跳转、_blank新标签页跳转和_top顶级框架跳转这几种跳转方式。
跳转到掘金官网 （5）表单控件
- input
使用input标签可以定义各种类型的文本输入框，单选、多选按钮以及提交按钮等表单控件。type属性用于指定input的控件类型。
也可以给input添加候选列表来提供输入建议。
- select
使用select可以定义下拉选项控件。option定义选项。
（6）文本标签
引用 表示引用的标签主要有三种：blockquote、cite和q。其中，blockquote表示引用了来着其他地方的某段内容，比如下文中我引用了MDN文档中对HTML的定义；cite则表示对某部作品的名称或者专有名词的引用，通常会给内容加上斜体的样式；而q标签则表示的是语义上的引用，即给内容加上双引号，表示该内容具有特殊含义。
- 代码
使用code标签包含代码内容时，代码内容将会以一种等宽的字体显示。
const a = 1;
a++;
console.log(a);
- 强调
通常使用strong和em两个标签来表示对文本的强调，其中，前者表示字面意义上的强调，即使文本加粗，来强调该内容的重要性。而后者则表示语气上的重读，比如“我是小明”这句话中，强调的是自己的身份，因此是字应该重读。
HTML是一种超文本标记语言
我是小明
6.HTML中的内容划分一个基本的HTML文件通常会按照以下的结构进行划分。
7.总结
HTML主要的任务是展示内容，向用户传达信息，而不是单纯对样式的引用。因此，学习语义化相关知识，并在实际编码过程中，实践不同的语义化规范，是一个前端工程师的基础必修课。同时，是否具有良好的语义化，也是判断一个页面好坏的标准。
