随着智能手机、平板电脑等移动终端设备越来越普及,用户在移动端花的时间也越来越长。H5开始火热起来,以文字、图片、动画、声音等相结合的自媒体出现,给用户带来了全新体验,技术本身带来的新奇感让人们心生向往。


  下面我们就来聊一聊H5入门的一些知识吧!


  什么是H5?


  H5即HTML5,是指“HTML”的第5个版本,而“HTML”,则是指描述网页的标准语言。因此,HTML5,是第5个版本的“描述网页的标准语言”。


  H5特性


  H5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。


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


  用于绘画的 canvas 元素


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


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


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


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


  H5的改进:


  新元素


  新属性


  完全支持 CSS3


  Video 和 Audio


  2D/3D 制图


  本地存储


  本地 SQL 数据


  Web 应用


  H5语义元素


  H5浏览器支持


  最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。


  IE9 以下版本浏览器兼容HTML5的方法


  载入后,初始化新标签的CSS:


  H5代码规范


  1. HTML5 元素名可以使用大写和小写字母。


  但推荐你使用小写字母:


  混合了大小写的风格是非常糟糕的。


  开发人员通常使用小写 (类似 XHTML)。


  小写风格看起来更加清爽。


  小写字母容易编写。


  2. 在 HTML5 中, 你不一定要关闭所有元素(例如


  元素),但建议你每个元素都要添加关闭标签。


  3. HTML5 属性值可以不用引号。


  属性值我们推荐使用引号:


  如果属性值含有空格需要使用引号。


  混合风格不推荐的,建议统一风格。


  属性值使用引号易于阅读。


  4. 图片通常使用 alt 属性。在图片不能显示时,它能替代图片显示。


  5. 等号前后可以使用空格。


  6. 使用 HTML 编辑器,左右滚动代码是不方便的。


  每行代码尽量少于 80 个字符。


  7. 不要无缘无故添加空行。


  为每个逻辑功能块添加空行,这样更易于阅读。


  缩进使用两个空格,不建议使用 TAB。


  比较短的代码间不要使用不必要的空行和缩进。


  8. 样式表使用简洁的语法格式:


  将左花括号与选择器放在同一行。


  左花括号与选择器间添加一个空格。


  使用两个空格来缩进。


  冒号与属性值之间添加一个空格。


  逗号和符号之后使用一个空格。


  每个属性与值结尾都要使用分号。


  只有属性值包含空格时才使用引号。


  右花括号放在新的一行。


  每行最多 80 个字符。

相关文章

9个鲜为人知的HTML功能 小白怎么学习HTML5?新手入门必看 阿里巴巴常用的12个后端开发工具 sharepoint搭建文档服务器,SharePoint?Server教程 语义化标签与HTML5新增的布局标签 vector教程:如何进行项目 JetBrains PhpStorm v2021.2.0中文激活版 HTML5教程之新元素 前端基础入门:HTML5基础语法与标签 HTML5——SVG基础入门 android是前端还是后端 嵌入式开发要学哪些技能? 使用fiddler对手机APP进行抓包 HTML5薪资正一路飙升 如何才能学好HTML5开发 零基础如何迅速学习前端? html5中怎么利用canvas元素创建画布 实现html5移动端自适应布局的方法分享 HTML5移动应用开发 最佳HTML5应用开发工具有哪些? HTML5 移动页面自适应手机屏幕四类方法 html5手机网站常用的9个CSS属性 什么是web前端开发标准 Android开发用过的十大框架 Android混合开发,html5自己主动更新爬过的坑 HTML5中的移动开发框架有哪些? 分享5个主流的HTML5开发工具 HTML5开发培训教程学习之动效制作 网页开发HTML5 快速开发基于 HTML5 网络拓扑图应用 如何零基础入门前端开发? html5零基础入门学习教程(零基础学员必看) jquery删除ajax请求的方法 jquery中ajax中的参数,jquery中的ajax参数 jQuery AJAX 方法success()后台传来的4种数据详解 jquery中ajax常用的方法,jQuery ajax框架常用方法总结 jQuery AJAX中readyState与status的区别与联系 jquery ajax.then,神奇的then方法 jQuery validate+artdialog+jquery form实现弹出表单思路详解 ajax用来做什么的,jQuery是什么? java jquery ajax视频,【Ajax】之jQuery中的Ajax jquery中ajax应用之通用ajax()函数的实例 BootStrop前端框架入门教程详解 jQuery WEUI Select jquery是什么意思?jquery和js的区别是什么? 巧用案例学习jQuery框架三种事件绑定方式 jQuery 基础知识总结 引入JQuery.min.js文件 几款常用的高质量web前端框架 Jquery和bootstrap有哪些区别 easyui 验证 ajax提交表单提交表单提交