wex5可以做网站吗,网站仿制,青岛建站seo公司,dz论坛可以做招聘网站HTML新特性
新增特性#xff1a;
语义化标签#xff1a;#xff0c;如header、footer、nav、article、section等#xff0c;能够更准确地描述网页结构视频和音频#xff1a;添加了video和audio标签#xff0c…HTML新特性
新增特性
语义化标签如header、footer、nav、article、section等能够更准确地描述网页结构视频和音频添加了video和audio标签在网页上嵌入和播放视频、音频内容更加容易Canvas引入了canvas元素提供了一个绘制图形和动画的API使得在网页上创建复杂的图形和交互性更为方便Web存储增加了本地存储能力包括localStorage和sessionStorage可以在客户端存储数据减少对服务器的依赖 localStorage 长期存储数据浏览器关闭后数据不丢失sessionStorage 的数据在浏览器关闭后自动删除 Web Workers引入了Web Workers允许在后台运行脚本提高网页的性能和响应能力 基本原理在当前主线程中使用Worker类加载一个javascript文件来开辟一个新的线程起到互不阻塞执行的效果并且提供主线程和新线程之间数据交换的接口 表单增强通过添加新的表单元素和输入类型以及表单验证API calendar、date、time、email、url、search 地理定位引入了Geolocation API使得网页可以获取用户的地理位置信息路由历史管理提供了History API允许网页动态修改浏览器的URL和历史记录实现无刷新页面加载和前进/后退导航的功能拖放API当元素拖动时可以查看拖动的数据WebSockets引入了WebSockets协议提供了一种在客户端和服务器之间进行实时双向通信的方式 建立在TCP协议基础之上和HTTP协议同属于应用层可以发送文本也可以发送二进制数据没有同源限制客户端可以与任意服务器通信
移除元素
移除如big、strike等一些样式标签应使用CSS来设置样式不再推荐使用applet和object标签来嵌入Java小程序或其他外部插件而是鼓励使用embed、video、audio等元素不再支持frame和frameset标签推荐使用iframe或其他技术来实现框架效果不再推荐使用menu标签推荐使用无序列表ul代替
CSS3新特性
1. 选择器 属性选择器允许根据元素的属性值来选择元素 伪类选择器允许根据元素的状态或位置来选择元素例如 :hover、:focus、:nth-child()、:not() 等
2. 边框
border-radius创建圆角边框box-shadow为元素添加阴影 水平阴影和垂直阴影是必须设置的 border-image使用图片来绘制边框
3. 背景
background-clip用于背景的绘制区域有以下几种内容
background-clip: border-box背景从border开始显示background-clip: padding-box背景从padding开始显示background-clip: content-box背景显content区域开始显示background-clip: no-clip默认属性等同于border-box
4. transition 过渡
transition可以被指定为一个或多个CSS属性的过渡效果多个属性之间用逗号进行分隔持续时间及过渡效果必须要设置
5. transform 转换
transform允许旋转、缩放、倾斜或平移给定元素包括 2D 和 3D 变换transform-origin转换元素的位置围绕那个点进行转换默认值为(x,y,z):(50%,50%,0)
6. animation 动画
animation 用于创建动画效果可以实现更加复杂的动画这个平常使用相对较多
animation-name动画名称
animation-duration动画持续时间
animation-timing-function动画时间函数
animation-delay动画延迟时间
animation-iteration-count动画执行次数可以设置为一个整数也可以设置为infinite意思是无限循环
animation-direction动画执行方向
animation-paly-state动画播放状态
animation-fill-mode动画填充模式7. linear-gradient 渐变色
颜色渐变是指在两个颜色之间平稳的过渡css3渐变包括
linear-gradient线性渐变radial-gradient径向渐变
