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 · 279 阅读 · 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 · 344 阅读 · 0 评论 -
HTML5(八)——伸缩布局
伸缩布局原创 2020-04-06 23:06:27 · 467 阅读 · 0 评论 -
HTML5(七)——3D转换
在盒子(舞台)中添加样式:transform:rotate3d(1,1,1,50deg);/*给盒子(舞台)进行旋转,这样才能出现视角*/transform-style:preserve-3d;/*让元素保留3D变换后的效果*/<style> .box { width: 500px; ...原创 2020-03-31 00:16:11 · 547 阅读 · 0 评论 -
HTML5(六)——css3部分属性
边框阴影:原创 2020-02-26 19:51:13 · 379 阅读 · 0 评论 -
HTML5(五)——新增的API
网络监听接口:online,offline事件全屏接口:全屏操作主要方法和属性:requestFullScreen():开启全屏 cancelFullScreen():退出全屏----------对象只能是document FullScreenElement:是否全屏状态-------------对象只能是document兼容性问题:不同浏览器需要加不同的前缀Chro...原创 2020-02-25 00:36:08 · 472 阅读 · 0 评论 -
HTML5(四)——操作DOM
获取DOM元素:querySelector,queryselectorAll操作类样式:classList.add,classList.remove,classList.toggle,classList.contains自定义属性:获取自定义属性值:dataset['属性名的驼峰命名形式']...原创 2020-02-24 21:33:48 · 217 阅读 · 0 评论 -
HTML5(三)——音频标签
音频格式分多钟,如果某个浏览器不支持设置的音频,怎么办?有一个source标签,一个source对应一个音频文件:原创 2020-02-24 20:59:55 · 242 阅读 · 0 评论 -
HTML5(一)——概念及语义化标签
h5?h5是下一代互联网标准,是一种规范,是HTML修订的第五个版本支持浏览器:主流的浏览器,IE9以及9以上版本(而且各版本部分标签仍不兼容)相对于h4:抛弃了不常用标记和属性新增新的标记和属性这一标准使页面更简洁新增内容包含:标签语义化新的标记和属性CSS3的新增属性web API语义化标签:全部标签参考:W3school<...原创 2020-02-24 15:42:23 · 185 阅读 · 0 评论 -
表单——文件操作
在HTML表单中,可以上传文件的唯一控件就是<input type="file">。注意:当一个表单包含<input type="file">时,表单的enctype必须指定为multipart/form-data,method必须指定为post,浏览器才能正确编码并以multipart/form-data格式发送表单的数据。出于安全考虑,浏览器只允许用户点击<i...转载 2020-02-21 20:00:20 · 231 阅读 · 0 评论 -
HTML5(二)——表单type属性和其他属性
新增的input type属性值:类型**** 使用示例**** 含义**** email**** <input type="email"> 输入邮箱格式 tel**** <input type="tel"> 输入手机号码格式 url**** <input type="url"> 输入url格式 ...原创 2020-01-05 21:52:32 · 296 阅读 · 0 评论