Web前端-html5
C-A-L-D
双手代码,失去年华!
展开
-
HTML5(十)——SVG(可伸缩矢量图形)
参考w3c 了解 SVG --------------可伸缩矢量图形(Scalable Vector Graphics) 简介: SVG 是使用XML 来描述二维图形和绘图程序的语言。使用XML 格式定义图形。用来定义用于网络的基于矢量的图形。 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 与诸如DOM 和XSL 之类的W3C 标准是一个整体 与其他图像格式相比,使用...原创 2020-04-09 14:33:55 · 269 阅读 · 0 评论 -
HTML5(九)——canvas画布
canvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。 基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。 <canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。 canvas初...原创 2020-04-07 15:33:46 · 329 阅读 · 0 评论 -
HTML5(八)——伸缩布局
伸缩布局原创 2020-04-06 23:06:27 · 454 阅读 · 0 评论 -
HTML5(七)——3D转换
在盒子(舞台)中添加样式: transform:rotate3d(1,1,1,50deg);/*给盒子(舞台)进行旋转,这样才能出现视角*/ transform-style:preserve-3d;/*让元素保留3D变换后的效果*/ <style> .box { width: 500px; ...原创 2020-03-31 00:16:11 · 535 阅读 · 0 评论 -
HTML5(六)——css3部分属性
边框阴影:原创 2020-02-26 19:51:13 · 369 阅读 · 0 评论 -
HTML5(五)——新增的API
网络监听接口: online,offline事件 全屏接口: 全屏操作主要方法和属性: requestFullScreen():开启全屏 cancelFullScreen():退出全屏----------对象只能是document FullScreenElement:是否全屏状态-------------对象只能是document 兼容性问题:不同浏览器需要加不同的前缀 Chro...原创 2020-02-25 00:36:08 · 454 阅读 · 0 评论 -
HTML5(四)——操作DOM
获取DOM元素: querySelector,queryselectorAll 操作类样式: classList.add,classList.remove,classList.toggle,classList.contains 自定义属性: 获取自定义属性值:dataset['属性名的驼峰命名形式'] ...原创 2020-02-24 21:33:48 · 204 阅读 · 0 评论 -
HTML5(三)——音频标签
音频格式分多钟,如果某个浏览器不支持设置的音频,怎么办? 有一个source标签,一个source对应一个音频文件:原创 2020-02-24 20:59:55 · 233 阅读 · 0 评论 -
HTML5(一)——概念及语义化标签
h5? h5是下一代互联网标准,是一种规范,是HTML修订的第五个版本 支持浏览器: 主流的浏览器,IE9以及9以上版本(而且各版本部分标签仍不兼容) 相对于h4: 抛弃了不常用标记和属性 新增新的标记和属性 这一标准使页面更简洁 新增内容包含: 标签语义化新的标记和属性 CSS3的新增属性 web API 语义化标签: 全部标签参考:W3school <...原创 2020-02-24 15:42:23 · 173 阅读 · 0 评论 -
表单——文件操作
在HTML表单中,可以上传文件的唯一控件就是<input type="file">。 注意:当一个表单包含<input type="file">时,表单的enctype必须指定为multipart/form-data,method必须指定为post,浏览器才能正确编码并以multipart/form-data格式发送表单的数据。 出于安全考虑,浏览器只允许用户点击<i...转载 2020-02-21 20:00:20 · 217 阅读 · 0 评论 -
HTML5(二)——表单type属性和其他属性
新增的input type属性值: 类型**** 使用示例**** 含义**** email**** <input type="email"> 输入邮箱格式 tel**** <input type="tel"> 输入手机号码格式 url**** <input type="url"> 输入url格式 ...原创 2020-01-05 21:52:32 · 282 阅读 · 0 评论