前端与 HTML | 青训营笔记

67 阅读1分钟

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

前端工程师:前端工程师是使用web技术栈解决多端图形用户页面交互问题的工程师。

前端技术栈

前端最基础的技术栈是由我们通常所说的前端三件套(HTML(内容)、CSS(样式)、JavaScript(行为))以及服务端构成,通过http等网络协议实现交互,由这些就构成了我们所说的前端最基础的技术栈。

网页开发的功能、美观、是否考虑视觉障碍、安全、性能、兼容性以及用户的体验,这些都是我们在开发过程中需要关注的地方。

HTML

!doctype html 这行代码是告诉浏览器html的版本根据这行代码去使用哪种渲染模式,如果不加上这一行浏览器会采用比较老旧的方式,会导致实际加载出来的画面可能与你的代码不符合。

  • 标签和属性不区分大小写,通常推荐小写(在Vue和React中自定义的组件我们通常会驼峰,大写开头)
  • 空标签可以不闭合,比如input、meta
  • 属性值推荐用双引号包裹
  • 某些属性值可以忽略,比如 required、readonly

语义化

  • HTNL中的元素、属性及属性值都拥有某些含义
  • 开发者应该遵循语义来编写HTML
  • 有序列表用ol;无序列表用ul
  • lang属性表示内容所使用的语言

引用参考

W3C 代码标准规范_w3cschool

HTML & CSS - W3C

HTML Standard (whatwg.org)

HTML elements reference - HTML: HyperText Markup Language | MDN (mozilla.org)