HTML元素知识点

defer与async

  • defer代表延迟,延迟脚本执行,直到文档解析完成之后,才会进行脚本的执行。但是,脚本的加载与HTML文档的解析是同步进行的
  • async代表异步,尽快执行脚本。在脚本下载阶段,脚本的下载与HTML的解析是同步进行的,当脚本下载完毕时,优先执行脚本,脚本执行完毕以后,再进行HTML的解析

content属性中的关键字

  • content属性是meta元素的一个属性,经常与viewport连用,代表设置浏览器的视口,用于移动设备
  • width:视口的宽度,值为像素值
  • initial-scale:视口初始缩放级别,0~10的整数,1表示无缩放,值越小,代表页面越精细
  • maximum-scale:视口能缩放的最大值,0~10的整数
  • minimum-scale:视口能缩放的最小值,0~10的整数
  • user-scalable:是否可以手动缩放,yes或者no

meta元素可以定义文档的哪些元数据

  • 声明HTML文档内容所用的字符编码
  • 完善文档描述信息,让搜索引擎更容易解析索引,提升SEO
  • 适配移动设备,使页面在各种尺寸的屏幕中显示正确
  • 指定首选样式表,执行重载或重定向

列举表格布局的弊端

  • 可访问性差,表格布局中的内容有时是无意义的,当使用无障碍工具阅读表格时,获取到的数据会十分混乱,影响用户的浏览
  • 难以实现响应式,响应式通常使用CSS中的媒体查询功能,使用CSS样式无法简单设置表格中各个单元格的样式
  • 可维护性差,表格布局需要使用大量的元素属性,并且表格之间需要相互嵌套
  • 不够语义化
  • 加载速度慢,嵌套的表越多,文档就变得越臃肿,不但会加长网络传输的时间,而且也会增加渲染的时间
©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页