h5新特性及网页布局实例

什么是html5:html5 是下一代的html,将成为 html、xhtml 以及 html dom 的新标准。

为 HTML5 建立的一些规则:

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。

减少对外部插件的需求(比如 Flash)

更优秀的错误处理

更多取代脚本的标记

HTML5 应该独立于设备

开发进程应对公众透明

HTML5 中的一些有趣的新特性:

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

对本地离线存储的更好的支持

新的特殊内容元素,比如 article、footer、header、nav、section

新的表单控件,比如 calendar、date、time、email、url、search

 HTML5功能:Canvas、Channel消息传送、Cross-document消息传送、Geolocation、MathML、Microdata、Server-Sent Events、Scalable Vector Graphics(SVG)、WebSocket API及协议、Web Origin Concept、Web storage、web SQL database、Web Workers、XMLHttpRequest Level2 HTML设计理念:1.避免不必要的复杂性  如:    2.支持已有的内容3.解决现实的问题4.求真务实5.平稳退化6.最终用户优先 简单的网页布局

header,nav,article,footer{border: solid 1px #666;padding: 10px;margin: 6px;}header{width: 500px;}nav{float: left;width: 60px;height: 100px;}article{float: left;width: 406px;height: 100px;}footer{clear: both;width: 500px;}
导航
内容
底部说明

登录后复制

h5新特性及网页布局实例

以上就是h5新特性及网页布局实例的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2910229.html

(0)
上一篇 2025年3月11日 04:30:35
下一篇 2025年3月8日 14:34:41

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • h5表单介绍和表单验证失败问题实例

    这篇文章主要介绍了html5 表单验证失败的提示语问题的相关资料,需要的朋友可以参考下 前言 前端的童鞋在写页面时, 都不可避免的总会踩到 表单验证 这个坑. 这时候, 我们就要跪了, 因为要写一堆 js 来检查. 但是自从 H5 出现后,…

    2025年3月11日
    200
  • html5视频播放教程实例

    pc端主要是利用用flash播放,移动端则通过html5方式实现,这篇文章主要介绍了html5视频播放的相关资料,具有一定的参考价值。 我记得就是前几个月吧,有条消息说YouTube支持了HTML5视频嵌入标签video,好吧,我听说而已,…

    编程技术 2025年3月11日
    200
  • 详解HTML5拖放功能实例

    html5提供专门的拖拽与拖放的api,以后实现这类效果就不必乱折腾了。但是,考虑到opera浏览器似乎对此不感冒,在通用性上有待商榷,所以这里也就简单说一说。拖放(drag 和 drop)是 html5 标准的组成部分。 浏览器支持 In…

    编程技术 2025年3月11日
    200
  • html5的头部head的详解

    移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,html 头部标签功能,特别是meta标签显得非常重要。 HTML文档的head部分,通常包括指定页面标题,为搜索引擎提供关于页面本身的信息,加载样式表,以及加载JavaSc…

    编程技术 2025年3月11日
    200
  • 什么是应用程序缓存(Application Cache)?

    起源 html5之前的网页,都是无连接,必须联网才能访问,这其实也是web的特色,这其实对于PC是时代问题并不大,但到了移动互联网时代,设备终端位置不再固定,依赖无线信号,网络的可靠性变得降低,比如坐在火车上,过了一个隧道(15分钟),便无…

    2025年3月11日 编程技术
    200
  • Html5画布的详细介绍

    这篇文章主要介绍了html5画布,canvas 元素用于在网页上绘制图形。有兴趣的小伙伴可以一起来了解一下 关于HTML5画布canvas的功能 一、画布的使用 1、首先创建一个画布(canvas) 登录后复制 2、使用JavaScript…

    2025年3月11日
    200
  • html5音频的相关实例介绍

    html5 提供了播放音频文件的标准。 互联网上的音频 直到现在,仍然不存在一项旨在网页上播放音频的标准。 今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了在网页上嵌入音频元…

    2025年3月11日
    200
  • HTML5新表单元素的图文实例

    这一篇介绍html5新增的表单元素和表单属性。 首先先说一个html5中表单新增的一个功能,在我们之前的html中,表单元素必须放在form元素所包含的里面,在html5中,可以把他们写在页面上的任何一个地方,然后给该元素增加一个form属…

    2025年3月11日 编程技术
    200
  • 如何使用HTML5地理位置定位功能?

    地理位置(geolocation)是 html5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 html5 地理位置定位的基本原理及各个浏览器的数据精度情况。 如何使用HTML…

    2025年3月11日
    200
  • html5中关于volume属性的使用详解

    audio对象属性: volume 描述:设置或返回音频的音量,取值范围(0——1) 下面是我做的音乐播放器如何调节音频音量的代码: //增加切换音量事件(function(){    var height = $(“#myAudio ul…

    编程技术 2025年3月11日
    200

发表回复

登录后才能评论