首页 | 开发 | 网页 | HTML5

  • HTLM5关注元素的布局，制作响应式网站

    当创建一个响应式网站，或让现有的网站变成响应式的，首先要关注的元素的布局。我在建立响应式的网站，总是先创建一个非响应的布局，页面宽度固定大小。如果非响应版本完成得

  • HTLM5的“全局属性”概念讲解

    在 HTML5 中，新增了一个全局属性的概念，我们知道，属性的作用域是元素，全局属性的作用域就是所有元素。在本文中我们就来了解几种我们经常会使用到的全局属性。 1.contentEditabl

  • HTLM5常见问题列举分析

    一、 新的文档类型（ Doctype ） !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 你还在使用上面这个既麻烦又难记的 XHTML 文档类型吗？ 如果还是

  • HTML5应用要点详知

    开发人员必须考虑用户体验。为确保用户体验质量， HTML5 移动应用应该是轻薄的，这样性能并不落后。此外，管理员应该在各种平台上测试应用，在不同的设备类型，屏幕尺寸，浏览器

  • meta标签的重要作用

    meta 标签的一个很重要的功能就是设置关键字，来帮助你的主页被各大搜索引擎登录，提高网站的访问量。在这个功能中，最重要的就是对 Keywords 和 description 的设置。因为按照搜索引擎

  • HTLM5支持的视频格式须知

    视频的组成部分：画面、音频、编码格式 视频编码： H.264\theora 、 vp8 （ google 开源） 常见的视频格式： ACC\MP4\vorbis\avi html5 支持的格式 html5 能在完全脱离插件的情况下播放音视频，但

  • 利用HTLM技术绘制圆形以及五角星

    利用 MathML 与 SVG 语言为重要工具，绘制图形。 MathML 称为数学置标语言，是一种基于 XML 的标准，用于在互联网上书写数学符号和公式。 SVG 称为可缩放矢量图形，同样基于 XML 标准，是

  • HTLM5绘制钟表技术大揭秘

    首先我们分析需求，在没有任何图片的情况下，我们必须要绘制地盘，刻度，时针，分针以及秒针，并且每秒绘制一次秒针，时 HTML5 中使用 canvas 绘制时钟 针，分针的刻度也同意是有规

  • HTML5中<section>和<article>的区别

    HTML5 带出了一系列新元素，被广泛应用。然而，有一些元素在使用时易被混淆，包括以下两个新元素： section 和 article 。 最常被问起的问题是：在什么情况下我们应该使用这些元素？以

  • 如何使用Canvas实时处理Video

    合 HTML5 下的 video 和 canvas 的功能，你可以实时处理视频数据，为正在播放的视频添加各种各样的视觉效果。本教程演示如何使用 JavaScript 代码实现 chroma-keying 特效 本文使用的 XHTML 文档

  • HTML5中的download属性详解

    一、 download 属性是个什么？ 如果我们想实现点击上面的下载按钮下载一张图片，你会如何实现？ 我们可能会想到一个最简单的方法，就是直接按钮 a 标签链接一张图片，类似下面这样

  • Html和css已经html5常用规范

    省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（ http:,https: ），除非文件在两种协议下都不可用。这种方案称为 potocol-relative URL ，好处是无论你是使用 HTTPS 还是 HTTP 访问页面

  • css3 oading动画提交效果

    !DOCTYPE html html lang=en head meta charset=UTF-8 title css3 oading 动画提交效果 /title style body{text-align: center} .grebtn{ display: inline-block; padding: 0.5em 1.25em; border: 1px solid; border-radius: 2px; vertical-align: bott

  • 学习HTML5的一些新特性

    一、易用性及代码简洁性 HTML5 赋予网页更好的意义和结构。新的 HTML 标签像 header, footer ， nav ， section ， aside 等等，使得阅读者更加容易去访问内容。使用新的语义学的定义标签，你

  • HTML 音频(Audio)

    声音在 HTML 中可以以不同的方式播放 . 问题以及解决方法 在 HTML 中播放音频并不容易！ 您需要谙熟大量技巧，以确保您的音频文件在所有浏览器中（ Internet Explorer, Chrome, Firefox, Safari

  • HTML <table> 标签使用

    实例 一个简单的 HTML 表格，包含两列两行： table border=1 tr thMonth/th thSavings/th /tr tr tdJanuary/td td$100/td /tr /table HTML 基础的 table 标签 浏览器支持 所有主流浏览器都支持 table 标签。 HTML 基础

  • Html5网站优点

    HTML5 是第五代 HTML 技术的简称，比方说一个网站摆在你面前，上面有文字、图片、音频、视频等各种元素， HTML 技术就是把这些元素组合在一起的技术。基于第 5 代 HTML 技术做出来的网

  • 3d 圆形图片切换特效制作

    !DOCTYPE html html lang=en class=no-js head meta charset=UTF-8 / meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 meta name=viewport content=width=device-width, initial-scale=1.0 titleFlipping Circle Slideshow/title meta name=descri

  • 类lightbox弹出特效

    !DOCTYPE html html lang=en class=no-js head meta charset=UTF-8 / meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 meta name=viewport content=width=device-width, initial-scale=1.0 titleBlueprint: Google Grid Gallery/title meta name=d

  • canvas三角图形生成器制作

    !DOCTYPE html html head meta charset=UTF-8 titlecanvas 三角图形生成器 /title meta name=keywords content= canvas 三角图形生成器 / meta name=description content= canvas 三角图形生成器 / link rel=stylesheet href=css/style.

  • canvas粒子流向轨迹动画

    !DOCTYPE html html head meta charset=UTF-8 titlecanvas 粒子流向轨迹动画 /title meta name=keywords content= canvas 粒子流向轨迹动画 / meta name=description content= canvas 粒子流向轨迹动画 / link rel=stylesheet href=c

  • jQuery圣诞下雪动画制作

    !DOCTYPE html html head meta charset=UTF-8 titlejQuery 圣诞下雪动画 /title meta name=keywords content= jQuery 圣诞下雪动画 / meta name=description content= jQuery 圣诞下雪动画 / link rel=stylesheet href=css/style.css /head

  • 超酷堆叠图片展开和折叠

    !DOCTYPE html html lang=zh head meta charset=UTF-8 meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 meta name=viewport content=width=device-width, initial-scale=1.0 title 超酷堆叠图片展开和折叠 /title meta name=keywords c

  • 纯CSS写的神奇宝贝

    !DOCTYPE html html head meta charset=UTF-8 title 纯 CSS 写的神奇宝贝 /title meta name=keywords content= 纯 CSS 写的神奇宝贝 / meta name=description content= 纯 CSS 写的神奇宝贝 / link rel=stylesheet href=css/style.css /

  • 3D立体图片墙动画

    !DOCTYPE html html lang=en class=no-js head meta charset=UTF-8 / meta http-equiv=X-UA-Compatible content=IE=edge meta name=viewport content=width=device-width, initial-scale=1 title3D 立体图片墙动画 /title meta name=keywords content=

  • html5制作3D袜子飘动动画

    !DOCTYPE html html head meta charset=UTF-8 titlehtml5 制作 3D 袜子飘动动画 /title meta name=keywords content=3D 袜子飘动动画 / meta name=description content=3D 袜子飘动动画 / link rel=stylesheet href=css/style.css /head

  • canvas 粒子动画效果制作

    !DOCTYPE html html head meta charset=UTF-8 titlecanvas 粒子动画效果制作 /title meta name=keywords content= canvas 粒子动画效果制作 / meta name=description content= canvas 粒子动画效果制作 / link rel=stylesheet href=c

  • 解决canvas转base64/jpeg时透明区域变成黑色背景的方法

    代码如下： XML/HTML Code 复制内容到剪贴板 p Canvas： / p canvas id = canvas style = border:1pxsolid#ccc; / canvas br p Base64转码后的图片： / p div id = base64Img / div script type = text/javascript var base64Img = docu

  • HTML5头部&lt;meta&gt;标签的一些常用信息

    前言 大家都知道在移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。本文整理一些HTML5头部meta标签常用的信息。有错

  • HTML5页面音视频在微信和app下自动播放的实现方法

    现在大部分的H5页面都有实现播放背景音乐，播放视频功能。那怎么实现自动播放呢？ 纯H5页面在手机端中是无法实现自动播放，移动端浏览器大部分是禁用video和audio的autoplay功能并且

 9 10 11 12 13 14 15 16 17 18