神马软件站
首页 > 网页制作 > html5
关于HTML5语义标签的实践(blog页面)
关于HTML5语义标签的实践(blog页面)
仿照着用HTML5+CSS3做了一个blog页面。整体效果布局如如: 页面布局是基于html5元素的。所以在开始动手之前先熟悉一下HTML5元素,然后检查它的语义是否适合你的布局很重要。 The HTML5 Structure 有一点很重要,当编写HTML5代码的时候,不要简单地把div标签用...

11-11

HTML5之语义标签介绍
HTML5之语义标签介绍
在HTML5标准中,新加了几个用于增添页面语义的标签,这些标签有:article、section、nav和aside等。与别的大多数标签不 同,浏览器在解释渲染这些标签的时候仅仅把它作为普通的div块级元素来处理,不会添加任何额外的展现逻辑;也即,这些标签仅用于增添语义...

11-11

HTML5学习心得总结(推荐)
HTML5学习心得总结(推荐)
Html学习总结 1.什么是html:HyperTextMarket language,超文本标记语言,是用来描述网页语言,html使用标记标签来描述网页,html不是编程语言,是一种标记语言。 2.经历过得版本:HTML2.0、HTML3.2、HTML4.0、HTML4.0.1、HTML5 3.H5新特性: 用于绘画的 canvas...

11-11

HTML5进阶段内联标签汇总(小篇)
HTML5进阶段内联标签汇总(小篇)
内联元素,与别人公用一行,但是设置宽高无效。其特点: ①和其他元素都在一行上 ②高,行高及外边距和内边距不可改变; ③宽度就是它的文字或图片的宽度,不可改变 ④内联元素只能容纳文本或者其他内联元素 代码如下: XML/HTML Code复制内容到剪贴板 !doct...

11-11

Html5 web本地存储实例详解
Html5 web本地存储实例详解
Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB。 Web Storage又分为两种: sessionStorage localStorage 从字面意...

11-11

html5 初试 indexedDB(推荐)
html5 初试 indexedDB(推荐)
indexedDB是存储大量结构化数据的API,demo中用到的是异步API,麻烦的就是所有对indexedDB的操作都会发生一个异步的请求,只要熟悉了API操作起来也很简单。 大体流程是这样 1.打开数据库 JavaScript Code复制内容到剪贴板 varindexedDB=window.indexedDB||wi...

11-11

HTML5 拖放功能实现代码
HTML5 拖放功能实现代码
在HTML5中,拖放是标准的一部分,任何元素都能够拖放,具体内容如下 1、拖放 XML/HTML Code复制内容到剪贴板 !DOCTYPEHTML html head styletype=text/css #div1{width:350px;height:70px;padding:10px;border:1pxsolid#aaaaaa;} /style script functionallowD...

11-11

浅谈Html5中视频 音频标签 进度条的问题
浅谈Html5中视频 音频标签 进度条的问题
最近项目中使用Html5的video和audio标签来在线播放视频和音频文件,但是遇到个奇葩的问题,页面上播放之后进度条无效, 查看w3c之后发现html代码并没有什么不同,之后猜想如果用静态的html使用video标签播放本地文件进度条会不会能用呢? 试了一下发现真的可...

11-11

巧用HTML5给按钮背景设计不同的动画简单实例
巧用HTML5给按钮背景设计不同的动画简单实例
如何巧用HTML5设计按钮背景不同动画特效,在该特效中,当鼠标滑过按钮时,使用CSS3 animation来动画 background-size和background-position属性,来实现各种背景动画效果。 下面来看一下整体的效果图: 具体实现: 1. CSS样式 首先为按钮设置通用样式。将按...

11-11

HTML5和CSS3实例教程总结(推荐)
HTML5和CSS3实例教程总结(推荐)
关于onclick的行为与内容分离 1.通过链接触发弹出窗口方式 (不推荐使用此方法!!!) XML/HTML Code复制内容到剪贴板 ahref='#' onclcik=window.open('holiday_pay.html',WinName,'width=300,height=300'); HolidayPay /a 如果JS被禁用链接无法引导用户进...

11-11

移动端html5 meta标签的神奇功效
移动端html5 meta标签的神奇功效
制作手机版网站的时候,除了页面简洁、操作方便等访问者可以看到的地方以外,就是 Meta 标签的设置,合理设置 Meta 标签 对手机版网站的搜索引擎优化,手机浏览器的渲染展示都有非常大的帮助。对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于...

11-11

Web时代变迁及html5与html4的区别
Web时代变迁及html5与html4的区别
HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆HTML4,它们还是有很多相似之处,但是它们也有一些关键的不同。接下...

11-11

HTML5学习笔记之html5与传统html区别
HTML5学习笔记之html5与传统html区别
一. HTML5语法的改变 该知识点所说变化指的是基于HTML4基础上所定义的改变,主要有如下: 1.HTML5的文件扩展符(.html或.htm)与内容类型(text/html)保持不变。 2.HTML5中,刻意不使用版本声明,一份文档将会适用于所有版本的HTML。 3.从HTML5开始,对于文件的...

11-11

探讨HTML5移动开发的几大特性(必看)
探讨HTML5移动开发的几大特性(必看)
html5移动开发的出现让移动平台的竞争由系统平台转向了浏览器之间:移动端的IE、Chrome、FireFox、Safari,亦或是新出现的浏览器,谁能达到在移动端对HTML5更好的支持,谁就能在以后的移动应用领域占据更多的市...

11-11

HTML5实现简单图片上传所遇到的问题及解决办法
HTML5实现简单图片上传所遇到的问题及解决办法
一、展示 因为前端上传文件是必须通过form表单的,不能使用ajax,这样的话一个移动页面放入一个type为file的input真心不怎么好看,如下图,很挫有没有 解决办法找了下,PC上有些是把这个input换成flash,采用jquery的工具库比如uploadify来做,但是移动端大...

11-11

Html5实现二维码扫描并解析
Html5实现二维码扫描并解析
引子: 最近公司项目有个需求,微博客户端中, h5 的页面上的某个按钮能够与native 交互呼起摄像头,扫描二维码并且解析。在非微博客户端中(微信或者是原生浏览器,如:safari)呼起系统的拍照或者上传图片按钮,通过拍照或者上传图片解析二维码。 第二种方...

11-11

基于HTML5新特性Mutation Observer实现编辑器的撤销和回退操作
基于HTML5新特性Mutation Observer实现编辑器的撤销和回退操作
MutationObserver介绍 MutationObserver给开发者们提供了一种能在某个范围内的DOM树发生变化时作出适当反应的能力.该API设计用来替换掉在DOM3事件规范中引入的Mutation事件. Mutation Observer(变动观察器)是监视DOM变动的接口。当DOM对象树发生任何变动时...

11-11

HTML5 History API 实现无刷新跳转
HTML5 History API 实现无刷新跳转
有一次在上**网的时候,发现登陆、注册动画效果非常华丽,但让我感到震惊的是页面竟能够实现无刷新跳转(已改版,观看此效果可以猛击此处:GitHub或阅FM),回顾了所学的前端知识,似乎没有任何技术可以实现这一点,于是百度了一下,才发现这原来是使用HTML5...

11-11

图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传
图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传
一 . 背景及效果 当前互联网上传文件最多的就是图片文件了,但是传统web图片的截图上传需要:截图保存-选择路径-保存后再点击上传-选择路径-上传-插入。 图片文件上传也需要:选择路径再-上传-插入,步骤繁杂,互联网体验为王,如果支持截图粘贴上传、拖拽上...

11-11

HTML5中的音频和视频媒体播放元素小结
HTML5中的音频和视频媒体播放元素小结
音频和视频的编码/解码器是一组算法,用来对一段特定的音频或视频流进行编码和解码,以便音频和视频能够播放。原始的媒体文件体积非常大,假如不对其进行编码,那么构成一段视频和音频的数据可能会非常庞大,以至于在因特网上传播需耗费无法忍受的时间。若没...

11-11

详解HTML5中的Communication API基本使用方法
详解HTML5中的Communication API基本使用方法
1.跨文档消息通信 跨文档消息通信可以确保iframe、标签页、窗口间安全地进行跨源通信。它把postMessage API定义为发送消息的标准方式。利用postMessage发送消息非常简单,代码如下所示: chatFrame.contextWindow.postMessage('Hello,world','http://www.exa...

11-11

Html5 audio标签样式的修改
Html5 audio标签样式的修改
先给大家介绍下HTML5中的新元素标签 src:音频文件路径。 autobuffer:设置是否在页面加载时自动缓冲音频。 autoplay:设置音频是否自动播放。 loop:设置音频是否要循环播放。 controls:属性供添加播放、暂停和音量控件。 由于html5的流行,现在移动端大多...

11-11

整理HTML5的一些新特性与Canvas的常用属性
整理HTML5的一些新特性与Canvas的常用属性
1.HTML5的内容类型 内容类型 描述 内嵌 向文档中添加其他类型的内容,例如audio、video、canvas和iframe等 流 在文档和应用的body中使用的元素,例如form、h1和small 标题 段落标题,例如h1、h2和hgroup等 交互 与用户交互的内容,例如音频和视频的控件、bot...

11-11

HTML5手机端弹出遮罩菜单特效代码
HTML5手机端弹出遮罩菜单特效代码
效果图如下所示: 代码如下: XML/HTML Code复制内容到剪贴板 !doctypehtml htmllang=zh head metacharset=UTF- metahttp-equiv=X-UA-Compatiblecontent=IE=edge,chrome= metaname=viewportcontent=width=device-width,initial-scale=. titlejQuery比bootstr...

11-11

关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
placeholder 属性是 HTML5 中的新属性,俗名叫占位符,功能类似于输入框在得到焦点时,时面的默认值会变成空白,当失去焦点时又会显示默认的文本,我想大家一定使用 js/jquery制作过这样的效果。目前只有在Mozilla Firefox 3.7+、Apple Safari 4+、Google Ch...

11-11

 1 2 3 4 5 6 7 8 9 10..26>
返回顶部