这是我参与「第四届青训营 」笔记创作活动的的第1天
前端技术栈
- HYML:内容
- CSS:样式
- JS:行为
运行在浏览器,浏览器通过http协议,提交到服务器端
HTML语法:
- 标签和属性不区分大小写,推荐小写;
- 空标签可以不闭合;
- 属性值推荐用双引号包裹;
内容划分:
- header:页头,logo,导航
- nav:
- main:页面主体
- article:正文
- aside:与文章/标题相关的广告、信息等
- footer:参考链接、版权、页面等信息
语义化:
- html中的元素、属性及属性值都拥有某些含义;
- 有序表用ol;无序表用ul;
- lang属性标;
好处:
- 代码可读性;
- 可维护性;
- 搜索引擎优化;
- 提升无障碍性;(不只是为了残疾人,也是为了我们“不方便”时的正常人)
课程感悟:
因为之之前接触过HTML,所以这节课学起来还算轻松。但是老师提到的语义化里面的“无障碍性”是我第一次接触到,很有思考。期待后续。