这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
什么是前端? 1、解决GUI人机交互问题 2、跨终端 PC/移动端 客户端/小程序 VR/AR等 3、Web技术栈
前端技术栈:HTML(内容)、CSS(样式)、JavaScript(行为)
前端应该关注的方面:美观、安全、功能、性能、无障碍、兼容、体验
HTML是什么? HyperText Markup Language
HTML语法 1、标签和属性不区分大小写,推荐小写 2、空标签可以不闭合,比如 input、meta 3、属性值推荐用双引号包裹 4、某些属性值可以省略,比如 required、readonly
语义化是什么? 1、HTML中的元素、属性及属性值都拥有某些含义 2、开发者应该遵循语义来编写HTML 有序列表用ol;无序列表用ul lang属性表示内容所使用的语言
谁在使用我们写的 HTML 1、开发者-修改、维护页面 2、浏览器-展示页面 3、搜索引擎-提取关键词、排序 4、屏幕阅读器-给盲人读页面内容
语义化的好处 1、代码可读性 2、可维护性 3、搜索引擎优化 4、提升无障碍性
HTML是传达内容,而不是样式
如何做到语义化? 1、了解每个标签和属性的含义 2、思考什么标签最适合描述这个内容 3、不使用可视化工具生成代码