这是我参与「第四届青训营 」笔记创作活动的的第2天
什么是前端?
- 解决GUI售货机交互问题
- 跨终端
- web技术栈
前端工程师是什么?
前端工程师就是使用web技术栈解决多端图形界面问题的工程师
前端技术栈
HTML(内容)+CSS(样式)+Javascript (行为)
关注方面
功能 美观 性能 无障碍 安全 兼容性
开发环境
仅需浏览器和编辑器,入门简单
HTML是什么?
HyperText Markup Language
DOM结构
BOM与DOM
HTML的语法
- 标签和属性不区分大小写,推荐小写
- 空标签可以不闭合,比如input meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略,比如required reeadonly
网页内容划分
语义化
-
HTML中的元素 属性及属性值都拥有某些含义
-
开发者应该遵循语义来编写HTML
语义化的好处: - 代码可读性 - 可维护性 - 搜索引擎优化 - 提升无障碍性