什么是前端

• 解决GUI人机交互问题

• 跨终端

  1. PC/移动互联网
  2. 客户端/小程序
  3. VR/AR等

• Web技术栈

  1. HTML（内容）
  2. CSS（样式）
  3. JavaScript（行为）

前端应该注意哪些问题

复制代码
功能、性能、美观、兼容、安全、体验、无障碍等等

HTML

定义 + DOM树 + 语法 + 标签

定义

超文本标记语言：HyperText Markup Language

超文本：图片，标题，链接，表格

标记语言：标签

DOM树

一棵节点树中的所有节点彼此都是有关系的。  除文档节点(document对象)之外的每个节点都有父节点。节点间的关系可以用

语法

标签和属性不区分大小写，推荐小写 空标签可以不闭合，比如input,meta 属性值推荐用双引号包裹 某些属性值可以省略，比如required,readonly

标题

css复制代码

:一级标题

css复制代码

:有序列表-order list

markdown复制代码 前面会加序号

css复制代码

:无序列表-unoder list

markdown复制代码 展示出来前面会有一个小黑点

css复制代码

:定义列表-definition list key-value的形式

css复制代码

:定义-definition title

bash复制代码

:值-definition description

css复制代码 dd与dt是多对多的关系

连接 xml复制代码 超链接 //替换原有页面 字节跳动 //打开一个新的窗口 字节跳动

输入

ini复制代码//占位符

go复制代码//滑动条

lua复制代码

lua复制代码

less复制代码hey //输入多行信息

选择 xml复制代码多选

苹果 香蕉

单选

苹果 香蕉

文本类标签

1.  引用块：blockquote
2.  预格式化文本：pre
3.  代码块：code

页面划分的语义化标签：（最好只有一个main标签）