这是我参与「第四届青训营」笔记创作活动的的第1天
前端技术栈
- HTML（内容）
- CSS（样式）
- JavaScript（行为）
应该关注
- 功能
- 美观
- 安全
- 性能
- 无障碍
- 体验
HTML
HyperText Markup Language
DOM树
document
- <html>
- <head>
- <meta>
- <title>
- <body>
- <h1>
- <p>
- <head>
HTML语法
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如 input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略， 比如 required、readonly
内容划分
语义化是什么？
- HTML中的元素、属性及属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
- 有序列表用ol；无序列表用ul
- lang 属性表示内容所使用的语言
语义化的好处
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
