这是我参与「第四届青训营 」笔记创作活动的的第1天。
前端与HTML
什么是前端
使用web技术栈解决图形界面下的人机交互问题。
html css js http 组成最基础的web技术栈。
前端应该关注哪些方面：
功能：最核心的，产品的好坏归于功能有没有满足用户的需求，
美观： 页面是否好看。
无障碍： 页面是不是所有人都可以用。
安全：产品能不能保障用户的安全。
性能：网站加载的速度是否快，动画是否流畅。
兼容：是否能在何种设备下正常使用。
体验：产品最直观的感受，前端对用户的体验非常重要。
前端的边界：
开发环境：
HTML是什么？ 全称HyperText Markup Language 为超文本标记语言
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>（）
</head>
<body>
</body>
</html>
HTML语法
标签和属性不区分大小写，推荐小写
空标签可以不闭合，比如input、meta
属性值推荐用双引号包裹
某些属性值可以省略，比如required、readonly
语义化是什么?
HTML中的元素、属性及属性值都拥有某些含义
开发者应该遵循语义来编写HTML
有序列表用ol;无序列表用ul
lang属性表示内容所使用的语言
谁在使用我们写的HTML？
开发者-修改、维护页面
浏览器–展示页面
搜索引擎-提取关键词、排序
屏幕阅读器–给盲人读页面内容
语义化的好处？
代码可读性
可维护性
搜索引擎优化
提升无障碍性
如何做到语义化?
了解每个标签和属性的含义
思考什么标签最适合描述这个内容
不使用可视化工具生成代码
