什么是前端?
- 解决GUI人机交互问题
- 跨终端(PC/移动浏览器；客户端/小程序；VR/AR等)
- Web技术线
前端是指网站或应用程序中用户直接与之交互的部分。它主要由三个技术构成：HTML、CSS和JavaScript。
前端关注哪些方面?
功能，美观，安全，性能，无障碍，兼容，体验
HTML是什么?
HTML是一种用于创建网页结构的标记语言。它由一系列标签组成，每个标签用于定义页面的不同部分，例如标题、段落、图像、链接等。HTML提供了一种结构化的方式来表示信息，使得浏览器可以正确地解析和显示网页内容。
HTML语法?
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如input，meta
- 属性值推荐使用双引号包裹
- 某些属性值可以省略，比如required、readonly
标题：
h1~h6级
列表：
- 有序列表(电影票房排行榜）＜ol＞
- 无序列表(购物清单)＜ul＞
- 属性名/属性值列表(电影属性导演主演等)＜dl＞
链接
输入
内容划分
语义化是什么?
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML(有序列表用ol；无序列表用ul；lang属性表示内容所使用的语言)
HTML用户包含
- 开发者-修改、维护页面
- 浏览器-展示页面
- 搜索引擎-提取关键词、排序
- 屏幕阅读器-给盲人读页面内容(无障碍性)
语义化好处
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
总原则：传达内容，而不是呈现出来样式。
如何做到语义化?
- 了解每个标签和属性含义
- 思考什么标签最适合描述这个内容
- 不使用可视化工具生成代码
总的来说，HTML作为前端开发的基础，是构建网页的重要组成部分。它虽然有一些限制，但通过与其他技术的结合，可以创建出丰富多样、功能强大的前端应用程序。
