html5之拖放详解
摘要：拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。 1.drggable属性 如果网页元素的draggable元素为
阅读全文
posted @ 2023-08-30 09:00
08 2023 档案
HTML5你必须知道的28个新特性
摘要：HTML5有很多的新功能.新代码.非常不错.现在总结一下.仅供参考 1. 新的Doctype 尽管使用<!DOCTYPE html>，即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img
阅读全文
posted @ 2023-08-28 10:49
移动前端不得不了解的html5 head 头标签
摘要：本文主要内容来自一丝的常用的 HTML 头部标签和百度FEX的HTML head 头标签。 移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML 头部标签功能，特别是meta标签显得非常重要。 DOCTYPE DOCTYPE(Document Type)，该声明位于文档中最前面
阅读全文
posted @ 2023-08-25 09:12
HTML5原生拖拽/拖放 Drag & Drop 详解
摘要：前言 拖放（drap & drop）在我们平时的工作中，经常遇到。它表示：抓取对象以后拖放到另一个位置。目前，它是HTML5标准的一部分。我从几个方面学习并实践这个功能。 拖放的流程对应的事件 我们先看下拖放的流程： 选中 > 拖动 > 释放 然后，我们一步步看下这个过程中，会发生的事情。 选中 在
阅读全文
posted @ 2023-08-21 08:49
HTML5中form如何关闭自动完成功能
摘要：什么是HTML5的form自动完成功能？ 首先，HTML5 中有个新属性autocomplete ，autocomplete 属性规定表单是否应该启用自动完成功能，它自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。如： <form
阅读全文
posted @ 2023-08-18 08:57
HTML5你必须知道的28个新特性
摘要：HTML5有很多的新功能.新代码.非常不错.现在总结一下.仅供参考 1. 新的Doctype 尽管使用<!DOCTYPE html>，即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img
阅读全文
posted @ 2023-08-16 08:16
Html5多媒体实现微信语音功能
摘要：随着微信等社交App的兴起，语音聊天成为很多App必备功能，大到将语音聊天作为主要功能的社交App，小到电商App的语音客服、店小二功能，语音聊天成为了必不可少的方式。 但是很多人感觉网页端语音离我们很遥远，这些更多是本地应用的工作，其实不然，随着Html5的发展，语音功能也渐渐成为前端必会的功能之
阅读全文
posted @ 2023-08-14 08:15
如何将HTML5的性能发挥到极致
摘要：HTML5作为新兴领域越来越热。然而在移动设备硬件性能弱于PC的背景下，对性能的需求显得更为重要，而HTML5性能优化前与优化后有着极大的差别，如何优化才能提高性能，对此熟知的人很少。本文以LayaAir引擎为例，通过代码示例详细阐述如何利用引擎对HTML5作出性能的极致优化。 主题包括： 代码执行
阅读全文
posted @ 2023-08-11 08:10
HTML5多媒体元素的使用
摘要：多媒体是互联网中的最重要的一部分，无论访问的是哪种类型的网页，视频或音频触手可及，在之前实现这些功能对开发人员来说可能非常痛苦，必须依赖Object 标签，调用第三方软件来加载，如Flash等，如果有些设备不支持Flash，我们对此就束手无策了。但是HTML5的出现让多媒体网页开发变得异常简单，也形
阅读全文
posted @ 2023-08-09 08:06
HTML5部分新语义标签
摘要：语义标签 举个例子，语义标签就是标签本身代表了一定的含义 HTML4.01 div:作为容器存在 在网站布局中使用广泛 搜索引擎友好，但是搜索引擎更友好的依旧是内容 p标签：段落 img标签：图片 。。。等等 语义标签 语义性不强的： HTML5部分新语义标签 HTML5中有部分语义标签，在使用时十
阅读全文
posted @ 2023-08-07 08:43
HTML5 VideoAPI，打造自己的Web视频播放器
摘要：本文将使用HTML5提供的VideoAPI做一个自定义的视频播放器，需要用到HTML5提供的video标签、以及HTML5提供的对JavascriptAPI的扩展。 一、基础知识 1.用法 <video src="./video/mv.mp4"></video> 注意：audio和video元素必须
阅读全文
posted @ 2023-08-04 10:20
HTML5与HTML4的区别，新增了哪些元素
摘要：注：部分格式编写存在<>封闭错误，只为在博客中显示，并非正确写法。1. HTML5推出的理由 解决Web上存在的问题： Web浏览器间的兼容性低:在一个浏览器中可以运行的HTML、Css、Javascript，在另一个浏览器中不能运行。 原因：各浏览器规范不统一，没有被标准化。 解决方案：使各浏览器
阅读全文
posted @ 2023-08-03 09:09
html5存储数据和缓存
摘要：html5存储sessionStorage 会话级别的本地存储，会话结束后数据就是自动清除localStorage 永久本地存储 sessionStorage与localStorage都有四个方法来对本地存储进行操作 setitem(key,value);添加本地存储数据 getitem(key);
阅读全文
posted @ 2023-08-02 11:29
