随笔分类 - HTML5

摘要:一、HTML5 多媒体之<svg>标签 使用 矢量图,可用作字体 什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 S 阅读全文
posted @ 2020-08-22 13:57 天马3798 阅读(203) 评论(0) 推荐(0) 编辑
摘要:一、HTML5 多媒体之<canvas>标签 使用 <canvas id="myCanvas" style="border: 1px solid blue;"></canvas> <script type="text/javascript"> var canvas = document.getEle 阅读全文
posted @ 2020-08-22 12:20 天马3798 阅读(151) 评论(0) 推荐(0) 编辑
摘要:一、HTML5 多媒体之<video>标签 使用 <video> 标签定义视频,比如电影片段或其他视频流。 <video src="../../img/video/1.mp4" controls></video> 注释:Internet Explorer 8 以及更早的版本不支持 <video> 标 阅读全文
posted @ 2020-08-22 11:50 天马3798 阅读(255) 评论(0) 推荐(0) 编辑
摘要:一、audio.1.html:39 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. Audio 标签的 autoplay 自动播放功 阅读全文
posted @ 2020-08-22 10:42 天马3798 阅读(990) 评论(0) 推荐(0) 编辑
摘要:一、HTML5 多媒体之<audio>标签 使用 <audio> 标签定义声音,比如音乐或其他音频流。 <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpe 阅读全文
posted @ 2020-08-22 09:52 天马3798 阅读(254) 评论(0) 推荐(0) 编辑
摘要:一、HTML5 多媒体<img>标签 <img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" /> 定义和用法 img 元素向网页中嵌入一幅图像。 请注意,从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像。<img> 标签创建的是被引用图像的 阅读全文
posted @ 2020-08-15 14:38 天马3798 阅读(224) 评论(0) 推荐(0) 编辑
摘要:一、HTML5 a标签常用整理 定义和用法 <a> 标签定义超链接,用于从一张页面链接到另一张页面。 <a> 元素最重要的属性是 href 属性,它指示链接的目标。 在所有浏览器中,链接的默认外观是: 未被访问的链接带有下划线而且是蓝色的 已被访问的链接带有下划线而且是紫色的 活动链接带有下划线而且 阅读全文
posted @ 2020-08-15 14:31 天马3798 阅读(220) 评论(0) 推荐(0) 编辑
摘要:一、HTML5 注释标签 <!--...--> 与之前版本没变化 二、 HTML5 <html>标签 <html> 标签告知浏览器这是一个 HTML 文档。 html 元素是 HTML 文档中最外层的元素。 html 元素也可称为根元素。 三、HTML5 <head>标签 head 元素是所有头部元 阅读全文
posted @ 2020-08-08 12:01 天马3798 阅读(212) 评论(0) 推荐(0) 编辑
摘要:一、HTML5 <form> 标签 定义和用法 <form> 标签用于为用户输入创建 HTML 表单。 表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 表单用于向服务器 阅读全文
posted @ 2020-08-01 12:22 天马3798 阅读(88) 评论(0) 推荐(0) 编辑
摘要:一、HTML 5 <input> 标签 定义和用法 <input> 标签规定用户可输入数据的输入字段。 根据不同的 type 属性,输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。 HTML 4.01 与 HTML 5 之间的差异 在 HTML 4.01 中,"al 阅读全文
posted @ 2020-08-01 12:18 天马3798 阅读(70) 评论(0) 推荐(0) 编辑
摘要:一、HTML5 <label>标签 <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input t 阅读全文
posted @ 2020-08-01 12:06 天马3798 阅读(107) 评论(0) 推荐(0) 编辑
摘要:一、HTML5 全局属性 更多: HTML5 <a>标签download 属性 html5 input number类型使用整理 HTML表单元素中disabled的元素的值不会提交到服务器 阅读全文
posted @ 2020-08-01 12:01 天马3798 阅读(78) 评论(0) 推荐(0) 编辑
摘要:Web标准弃用window.applicationCache window属性:applicationCache applicationCache 已弃用 此功能已从 Web 标准中删除。尽管一些浏览器可能仍然支持它,但它正在被丢弃。避免使用它并尽可能更新现有的代码。请注意,此功能可能随时停止工作。 阅读全文
posted @ 2020-02-09 18:10 天马3798 阅读(489) 评论(0) 推荐(0) 编辑
摘要:一、 html5 input中的数字number类型, 只能输入整数,如果要输入浮点数呢,可以通过max、min和step去定义。 type="number" 数字类型 min="0" 最小值 min="100" 最大值 step="1" 点击右边上下按钮每次增加或减少的值 1.默认整数 2.浮点类 阅读全文
posted @ 2019-12-16 11:17 天马3798 阅读(6536) 评论(0) 推荐(0) 编辑
摘要:什么是 Screen Orientation API Screen Orientation API 为 Web 应用提供了读取设备当前屏幕方向、旋转角度、锁定旋转方向、获取方向改变事件的能力。使得特定应用在屏幕方向方面增强用户体验,如视频和游戏。该标准目前处于工作组草案状态,最近一个修改为 1 月 阅读全文
posted @ 2019-09-09 15:35 天马3798 阅读(1336) 评论(0) 推荐(0) 编辑
摘要:说明: html默认select选择框控件在IOS的浏览器中 是底部弹出下拉选择。 这样到时页面位置错位,选择结束后对应不少元素的点击事件不响应。 这样看起来问题不大,但是选择完成之后点击确定提交弹出框的话 框内的按钮就很有可能不在页面上了(因为页面已经往上移了) 所以框上的按钮就会失效。 解决方案 阅读全文
posted @ 2019-06-03 14:35 天马3798 阅读(326) 评论(0) 推荐(0) 编辑
摘要:一、实例1,设置网页选中内容并且复制到黏贴板 二、其他 IE:document.selection FireFox:window.getSelection() document.selection只有IE支持, window.getSelection()也只有FireFox和 Safari支持,都不 阅读全文
posted @ 2018-03-26 22:09 天马3798 阅读(932) 评论(0) 推荐(0) 编辑
摘要:1.获取用户网页选中内容 一:Range对象的概念 Range对象代表页面上一段连续的区域,通过Range对象可以获取或者修改页面上任何区域的内容。也可以通过Range的方法进行复制和移动页面任何区域的元素。 在Js的document文档中有一个方法用来创建一个Range对象,代码如下: var r 阅读全文
posted @ 2018-03-26 21:32 天马3798 阅读(1168) 评论(0) 推荐(0) 编辑
摘要:1.HTML5 History对象 支持使用pushState()方法修改地址栏地址,而不刷新页面。 popstate事件 当history实体被改变时,popstate事件将会发生。调用pushState()方法或者replaceState()方法是触发,当用户点击浏览器返回按钮时也会触发。 事件 阅读全文
posted @ 2017-11-25 17:03 天马3798 阅读(9467) 评论(0) 推荐(0) 编辑
摘要:一、浏览器自动记住密码功能 1.现在浏览器对表单中的密码域都有自动记住密码功能,只要表单中有密码域就会提示自动记住密码 2.浏览器记住密码功能和表单自动完成是两个独立的功能 3.记住密码功能对整个网站都起作用,跟页面没有关系。也就是说某个页面中记录的密码,在其他页面也会自动完成,只要表单中有密码域就 阅读全文
posted @ 2017-07-05 16:19 天马3798 阅读(2207) 评论(0) 推荐(0) 编辑