笔记标题 | 青训营笔记

456 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 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.前端技术栈

image.png

3.前端应该关注哪些方面?

功能、美观、无障碍、安全、性能、兼容、体验

4.前端的边界?

image.png 5.开发环境

image.png

6.HTML是什么?

image.png

image.png

image.png

7.DOM树

image.png

8.HTML语法

A、标签和属性不区分大小写,推荐小写

B、空标签可以不闭合,比如input、meta

C、属性值推荐用双引号包裹

D、某些属性值可以省略,比如required、readonly

image.png

image.png

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、不适用可视化工具生成代码