这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
前端与 HTML | 青训营笔记
前端入门-基础语言篇
课程链接:前端与 HTML - 掘金 (juejin.cn)
1.前端与HTML
PPT:前端与 HTML.pdf - 飞书云文档 (feishu.cn)
1.什么是前端?
A.解决GUI人机交互问题
B.垮终端
a.PC/移动浏览器
b.客户端/小程序
c.VR/AR等
C.Web技术栈
2.前端技术栈
3.前端应该关注哪些方面?
功能、美观、无障碍、安全、性能、兼容、体验
4.前端的边界?
5.开发环境
6.HTML是什么?
7.DOM树
8.HTML语法
A、标签和属性不区分大小写,推荐小写
B、空标签可以不闭合,比如input、meta
C、属性值推荐用双引号包裹
D、某些属性值可以省略,比如required、readonly
9.语义化是什么?
A、HTML中的元素、属性及属性值都拥有某些含义
B、开发者应该遵循语义来编写HTML
a、有序列表用ol;无序列表用ul
b、lang属性表示内容所使用的语言
c、等等
10.谁在使用我们写的HTML?
A、开发者-修改、维护页面
B、浏览器-展示页面
C、搜索引擎-提取关键词、排序
D、屏幕阅读器-给盲人读页面内容
E、等等
11.语义化的好处
A、代码可读性
B、可维护性
C、搜索引擎优化
D、提升无障碍性
12.如何做到语义化?MDN、W3C
A、了解每个标签和属性的含义
B、思考什么标签最适合描述这个内容
C、不适用可视化工具生成代码