这是我参与「第四届青训营 」笔记创作活动的的第1天
1 什么是前端
前端的作用
- 解决GUI人机交互问题
- 跨终端
- PC/移动浏览器
- 客户端/小程序
- VR/AR等
- Web技术栈
前端技术栈
- JavaScript(行为)
- CSS(样式)
- HTML(内容)
前端应该关注哪些问题
- 功能 满足用户需求
- 美观 界面美化
- 无障碍 对于所有人是否可用
- 安全 能否保证数据安全
- 性能 用户体验如何
- 兼容性 能否在各种设备上使用
2 HTML是什么?
HTML即HyperText Markup Language
DOM树
graph LR
document --- <html>
<html>--- <head>
<html> --- <body>
<head> --- <meta>
<head> --- <title>
<body> --- <h1>
<body> --- <p>
HTML语法
- 标签和属性不区分大小写,但一般小写
- 空标签可不闭合
- 属性推荐使用双引号
- 某些属性值可省略
ol有序列表,ul无序列表 blockquote块级引用(cite属性表引用出处)、cite短引用(作品文章),q短引用(具体内容) lang表示内容所使用的语言