HTML5与css3

1.HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签

HTML5是HTML新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。
新特性:

  • 加入了<artile>,<header>,<section>,<footer>等语义化标签
  • 增强了<input>的type
  • 原生支持插入音频视频
  • canvas 元素可以使用 JavaScript 直接在网页上绘制图像
  • HTML5为元素新增了用于拖拽的属性draggable
  • 离线存储

新增标签

  • <article>标签定义一个独立完整的内容,比如一篇文章
  • <aside>标签定义独立于主内容的区块,比如一个组件
  • <footer> 标签定义 section 或页面的尾部内容
  • <section> 标签定义文档中的一个章节,比如产品介绍部分
  • <nav> 标签定义导航部分
  • <header> 标签定义 section 或页面的头部
  • <hgroup> 标签一般包括一个H加一个P标签
  • <figure>与<figcaption>一般包括一张img及图片介绍
  • <audio> 标签定义声音
  • <video> 标签定义视频
  • <canvas> 标签定义图形,可以绘制矢量图形
  • <command> 标签定义命令按钮,比如单选按钮、复选框或按钮
  • <datalist> 标签定义可选数据的列表。与 input 元素配合使用。但一般多使用ajax与后端交互实现
  • <embed> 标签定义嵌入的内容,比如插件
  • <mark>标签主要用来在视觉上向用户呈现那些需要突出的文字,一般用于高亮显示结果
  • <source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源
  • <time> 标签定义日期或时间,或者两者
    更多

2.input 有哪些新增类型?

  • color:用于指定颜色的控件。
  • date:用于输入日期的控件(年,月,日,不包括时间)。
  • datetime:基于 UTC 时区的日期时间输入控件(时,分,秒及几分之一秒)。
  • datetime-local:用于输入日期时间控件,不包含时区。
  • email:用于编辑 e-mail 的字段。 合适的时候可以使用:valid和 :invalid CSS 伪类。
  • month:用于输入年月的控件,不带时区。
  • number: 用于输入浮点数的控件。
  • search:用于输入搜索字符串的单行文本字段。换行会被从输入的值中自动移除。
    更多

3. 浏览器本地存储中 cookie 和 localStorage 有什么区别? localStorage 如何存储删除数据。

cookie 和 localStorage的存储目的不同。cookie主要是读取服务端,localStorage只能被浏览器这样的客户端读取。
两者在技术上的差异主要为:

  • cookie的每个cookie只有 4096 bytes ,而localStorage的每个域可以达到5MB
  • localStorage Storage接口的实现,它没有到期时间,可以通过JavaScript来清除,或者通过清除浏览器缓存(Browser Cache )/本地存储数据(Locally Stored Data)来清除。

localStorage.setItem()设置数据项
localStorage.getItem()获取数据项
示例

 localStorage.setItem('bgcolor', 'red');//写入
 localStorage.getItem('bgcolor');//读取

4.写出如下 CSS3效果的简单事例

圆角

阴影
2d
3d
渐变
过渡效果
动画

渐变背景

loading
圆环旋转

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容