HTML语法
- 属性不区分大小写，推荐小写（因为要和react、Vue的组件进行区分）
- 空标签可以不闭合，比如 input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略，比如required、readonly
标题标签
标题标签从h1到h6,字体逐渐变小
列表标签
列表标签可以分为
- 有序列表
有序列表会用数字从小到大进行排列
- 无序列表
无序列表只会用统一的标识放在内容前
- 自定义列表
自定义列表没有标识放在内容前,但是有标题
链接标签
href属性指定要跳转的网址
target属性指定要跳转的方式,是否打开新网页
媒体标签
包括图片、音频、视频
src属性指定媒体的来源地址
alt属性为图片标题独有，用于表示对图片的描述
controls表示是否要有控制栏，音频和视频标签独有
输入标签
在input标签中
palceholder属性用于提示用户输入的信息
type属性指定输入的类型，可以是文本、范围、数字、日期、多选、单选等
textarea标签是一大块用于输入文本的区域
select标签是下拉框
引用标签
内容划分标签
语义化
HTML中的元素、属性及属性值都拥有某些含义
开发者应该遵循语义来编写HTML
有序列表用ol；无序列表用ul
lang属性表示内容所使用的语言
HTML的受众
- 开发者：修改、维护页面
- 浏览器：展示页面
- 搜索引擎：提取关键词、排序
- 屏幕阅读器：给盲人读页面的内容
语义化的好处
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
语义化的实现
- 了解每个标签和属性的含义
- 思考什么标签最适合描述这个内容
- 不使用可视化工具生成代码
总结
HTML是一种超文本标记语言，用于描述网页的结构和内容。
- HTML是前端开发的基础，掌握HTML可以帮助更好地理解前端开发的基础知识。
- HTML可以帮助更好地理解网页的结构和内容
- 学习HTML可以帮助更好地理解网页设计和用户体验等方面的知识。
