HTML5 - 随笔分类 - 天马3798

HTML5 新手文档流、文档结构、页面生命周期讲解

摘要：HTML5 新手文档流、文档结构、页面生命周期讲解 1.HTML 文档结构 2.HTML 文档流 HTML代码执行顺序 CSS 代码执行优先执行 JS 代码执行和HTML结构的先后顺序 3. 前端代码和浏览器缓存机制 4.HTML5 页面生命周期生命周期事件 document.onready 阅读全文

posted @ 2024-01-27 16:35 天马3798 阅读(28) 评论(0) 推荐(0) 编辑

HTML概念、历史、发展和W3C简介

摘要：一、HTML 概念超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 HTML 很容易学习！相信您能很快学会它！ Html编码：阅读全文

posted @ 2023-02-04 16:16 天马3798 阅读(249) 评论(0) 推荐(0) 编辑

HTML5 多媒体之<svg>标签使用

摘要：一、HTML5 多媒体之<svg>标签使用矢量图，可用作字体什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 S 阅读全文

posted @ 2020-08-22 13:57 天马3798 阅读(596) 评论(0) 推荐(0) 编辑

HTML5 多媒体之<canvas>标签使用

摘要：一、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 阅读(259) 评论(0) 推荐(0) 编辑

HTML5 多媒体之<video>标签使用

摘要：一、HTML5 多媒体之<video>标签使用 <video> 标签定义视频，比如电影片段或其他视频流。 <video src="../../img/video/1.mp4" controls></video> 注释：Internet Explorer 8 以及更早的版本不支持 <video> 标阅读全文

posted @ 2020-08-22 11:50 天马3798 阅读(903) 评论(0) 推荐(0) 编辑

audio.1.html:39 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

摘要：一、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 阅读(8946) 评论(0) 推荐(0) 编辑

HTML5 多媒体之<audio>标签使用

摘要：一、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 阅读(1039) 评论(0) 推荐(0) 编辑

HTML5 多媒体之<img>标签使用

摘要：一、HTML5 多媒体<img>标签 <img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" /> 定义和用法 img 元素向网页中嵌入一幅图像。请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的阅读全文

posted @ 2020-08-15 14:38 天马3798 阅读(635) 评论(0) 推荐(0) 编辑

HTML5 a标签常用整理

摘要：一、HTML5 a标签常用整理定义和用法 <a> 标签定义超链接，用于从一张页面链接到另一张页面。 <a> 元素最重要的属性是 href 属性，它指示链接的目标。在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且阅读全文

posted @ 2020-08-15 14:31 天马3798 阅读(539) 评论(0) 推荐(0) 编辑

HTML5 文档基础标签  html,head,body,base,meta,link,script,style

摘要：一、HTML5 注释标签  与之前版本没变化二、 HTML5 <html>标签 <html> 标签告知浏览器这是一个 HTML 文档。 html 元素是 HTML 文档中最外层的元素。 html 元素也可称为根元素。三、HTML5 <head>标签 head 元素是所有头部元阅读全文

posted @ 2020-08-08 12:01 天马3798 阅读(509) 评论(0) 推荐(0) 编辑

HTML5 <form> 标签

摘要：一、HTML5 <form> 标签定义和用法 <form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器阅读全文

posted @ 2020-08-01 12:22 天马3798 阅读(299) 评论(0) 推荐(0) 编辑

HTML 5 <input> 标签

摘要：一、HTML 5 <input> 标签定义和用法 <input> 标签规定用户可输入数据的输入字段。根据不同的 type 属性，输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。 HTML 4.01 与 HTML 5 之间的差异在 HTML 4.01 中，"al 阅读全文

posted @ 2020-08-01 12:18 天马3798 阅读(160) 评论(0) 推荐(0) 编辑

HTML5 <label>标签

摘要：一、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 阅读(238) 评论(0) 推荐(0) 编辑

HTML5 的全局属性整理

摘要：一、HTML5 全局属性更多： HTML5 <a>标签download 属性 html5 input number类型使用整理 HTML表单元素中disabled的元素的值不会提交到服务器阅读全文

posted @ 2020-08-01 12:01 天马3798 阅读(175) 评论(0) 推荐(0) 编辑

Web标准弃用window.applicationCache

摘要：Web标准弃用window.applicationCache window属性：applicationCache applicationCache 已弃用此功能已从 Web 标准中删除。尽管一些浏览器可能仍然支持它，但它正在被丢弃。避免使用它并尽可能更新现有的代码。请注意，此功能可能随时停止工作。阅读全文

posted @ 2020-02-09 18:10 天马3798 阅读(899) 评论(0) 推荐(0) 编辑

html5 input number类型使用整理

摘要：一、 html5 input中的数字number类型，只能输入整数，如果要输入浮点数呢，可以通过max、min和step去定义。 type="number" 数字类型 min="0" 最小值 min="100" 最大值 step="1" 点击右边上下按钮每次增加或减少的值 1.默认整数 2.浮点类阅读全文

posted @ 2019-12-16 11:17 天马3798 阅读(13824) 评论(0) 推荐(1) 编辑

屏幕方向读取与锁定：Screen Orientation API(转)

摘要：什么是 Screen Orientation API Screen Orientation API 为 Web 应用提供了读取设备当前屏幕方向、旋转角度、锁定旋转方向、获取方向改变事件的能力。使得特定应用在屏幕方向方面增强用户体验，如视频和游戏。该标准目前处于工作组草案状态，最近一个修改为 1 月阅读全文

posted @ 2019-09-09 15:35 天马3798 阅读(2927) 评论(0) 推荐(0) 编辑

苹果手机微信浏览器select标签选择完成之后页面不会自动回到原位

摘要：说明： html默认select选择框控件在IOS的浏览器中是底部弹出下拉选择。这样到时页面位置错位，选择结束后对应不少元素的点击事件不响应。这样看起来问题不大，但是选择完成之后点击确定提交弹出框的话框内的按钮就很有可能不在页面上了（因为页面已经往上移了）所以框上的按钮就会失效。解决方案阅读全文

posted @ 2019-06-03 14:35 天马3798 阅读(696) 评论(0) 推荐(0) 编辑

HTML5 Selection对象

摘要：一、实例1，设置网页选中内容并且复制到黏贴板二、其他 IE：document.selection FireFox：window.getSelection() document.selection只有IE支持， window.getSelection()也只有FireFox和 Safari支持，都不阅读全文

posted @ 2018-03-26 22:09 天马3798 阅读(1203) 评论(0) 推荐(0) 编辑

JS Range使用整理

摘要：1.获取用户网页选中内容一：Range对象的概念 Range对象代表页面上一段连续的区域，通过Range对象可以获取或者修改页面上任何区域的内容。也可以通过Range的方法进行复制和移动页面任何区域的元素。在Js的document文档中有一个方法用来创建一个Range对象，代码如下： var r 阅读全文

posted @ 2018-03-26 21:32 天马3798 阅读(2917) 评论(0) 推荐(0) 编辑

随笔分类 - HTML5

公告