什么是前端
- 图形界面的人机交互
- 跨终端： pc/移动浏览器 客户端小程序 VR/AR等
- web技术栈
前端技术栈
前端应该关注那些方面
美观 安全 功能 性能 无障碍 体验 兼容
前端的边界
node.js ……
HTML
HTML*(HyperText Markup Language*) 这里的HyperText超文本指的是：图片标题 表格 更丰富的形式) 是否满足用户的需求 无障碍性 html:负责整个页面的内容和结构
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合
- 属性值推荐用双引号包裹
- 某些属性值可以省略
语义化：html中的元素、属性及属性值都拥有某些含义
比如 有序列表ol,无序列表ul
优点：代码可读性 可维护性 搜索引擎化 提升无障碍性
如何做到语义化？
-
了解每个标签和属性的含义
-
思考什么标签最适合描述这个内容
-
不使用可视化工具生成代码
