前端面试题——HTML基础篇

如何进行网站的性能优化

content方面

  • 减少http请求 合并文件 css精灵图
  • 减少 DNS 查询 DNS缓存 将资源分布到恰当数量的主机名
  • 减少 DOM 元素的数量

Server方面

  • 使用CDN
  • 配置Etag
  • 对组件使用 Gzip 压缩

Cookie方面

  • 减小cookie大小

css方面

  • 将样式表放到页面顶部
  • 不使用css表达式
  • 使用不使用@import

javascript方面

  • 将脚本放到页面底部
  • 将js和css从外部引入
  • 压缩 js 和css
  • 删除不需要的脚本
  • 较少DOM的访问

图片方面

  • 优化css精灵图
  • 不要在html中拉伸图片

HTTP状态吗

状态码 含义
100 继续,一般在发送 post请求时,已经发送了http header之后服务器将返回此信息,表示确认,之后发送具体的参数信息
200 正常返回信息
201 请求成功,并且服务器创建了新资源
202 服务器已接收请求但是尚未处理
301 请求的网页已经永久移动到新的位置
302 临时性重定向
303 临时性重定向,而且总是使用get请求新的url
304 自从上次请求后,请求的网页未修改过
400 服务器无法理解请求的格式,客户端不应该尝试再次使用相同的内容发起请求
401 请求尚未授权
403 禁止访问
404 请求的网页不存在
500 服务器错误
503 服务器暂时无法处理请求

HTML5增加新特性

  • video和audio元素 用于媒介回访
  • canvas用于绘画
  • localStorage 长期储存数据 浏览器关闭后数据不会丢失
  • sessionStorage 在浏览器关闭后会自动删除
  • 添加了一些更加语义化的标签 header nav footer等

cookie、localStorage、sessionStorage之间的区别

  • cookie的作用是为了表示用户身份而储存在用户本地终端上的数据
  • cookie中的数据始终会在同源的http请求中携带 在浏览器和服务器之间来回传递
  • sessionStroage和localStorage不会将数据发给服务器 只是在本次存储
  • cookie的数据不能超过4K
  • 另外两个虽然也有限制但是远超过cookie的大小限制 可以达到5M甚至更大
  • localStorage的数据会一直保存 浏览器关闭后也不会删除 除非主动删除
  • sessionStroage数据在当前浏览器关闭后主动删除
  • cookie 过期时间决定数据的删除与否

W3c的标准是什么

  • 标签的闭合
  • 标签的小写
  • 不乱嵌套
  • 使用外连css和js

HTML的全局属性有哪些

  • class:全局设置类标识
  • id:元素id,文档内的唯一
  • data-*:为元素添加自定义属性
  • lang:元素内容的语言
  • style:行内的css样式
  • title:元素相关的建议信息

你可能感兴趣的:(前端面试题——HTML基础篇)