前端与HTML | 青训营笔记

82 阅读1分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天

前端技术栈

  • HYML:内容
  • CSS:样式
  • JS:行为

运行在浏览器,浏览器通过http协议,提交到服务器端

HTML语法:

  • 标签和属性不区分大小写,推荐小写;
  • 空标签可以不闭合;
  • 属性值推荐用双引号包裹;

内容划分:

  • header:页头,logo,导航
  • nav:
  • main:页面主体
  • article:正文
  • aside:与文章/标题相关的广告、信息等
  • footer:参考链接、版权、页面等信息

语义化:

  • html中的元素、属性及属性值都拥有某些含义;
  • 有序表用ol;无序表用ul;
  • lang属性标;

好处:

  • 代码可读性;
  • 可维护性;
  • 搜索引擎优化;
  • 提升无障碍性;(不只是为了残疾人,也是为了我们“不方便”时的正常人)

课程感悟:

因为之之前接触过HTML,所以这节课学起来还算轻松。但是老师提到的语义化里面的“无障碍性”是我第一次接触到,很有思考。期待后续。