随着AI智能手机、平板电脑等移动终端设备越来越普及 。客户在移动wap端花的时间也越来越长 。H5开始火热起来 。以文字、图片、动作漫画、音调等相混合的自媒体出现 。给客户弄来咯全新体验 。技术本身弄来的新奇感让人们心生向往 。
文章插图
下面我们就来聊一聊H5入门的一些知识吧!
什么是H5?H5即html5 。是指“HTML”的第5个版本 。而“HTML” 。则是指描述网页的标准语言 。因此 。HTML5 。是第5个版本的“描述网页的标准语言” 。
H5特性H5 是 W3C 与 WHATWG 合作的结果 。WHATWG 指 Web Hypertext 软件lication 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的方法
<!--[if lt IE 9]> <script src=https://www.wangchuang8.com/"http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js">
载入后 。初始化新标签的CSS:
/*html5*/article,aside,dialog,footer,header,section,nav,figure,menu{display:block}
H5代码规范
1. HTML5 元素名应该使用大写和小写字母 。
但讲解你使用小写字母:
混合了大小写的滋味是超级糟糕的 。
研究人员往往一般使用小写 (类似 XHTML) 。
小写滋味看起来更加清爽 。
小写字母简无脑单编写 。
2. 在 HTML5 中, 你不一定要关闭全部元素(例如
元素) 。但建议你每一个元素都要添加关闭标签 。
3. HTML5 属性值应该不用引号 。
属性值我们讲解使用引号:
如果属性值含有空格需要使用引号 。
混合滋味不讲解的 。建议统一滋味 。
属性值使用引号易于浏览 。
4. 图片往往一般使用 alt 属性 。在图片不应该展现时 。它能替代图片展现 。
5. 等号前后应该使用空格 。
6. 使用 HTML 写器 。差不多滚动代码是不方便的 。
每行代码尽量少于 80 个字符 。
7. 不要无缘无故添加空行 。
为每一个逻辑功能块添加空行 。这样更易于浏览 。
缩进使用两个空格 。不推荐使用 TAB 。
对比短的代码间不要使用不必须的空行和缩进 。
8. 样式表使用简洁的语法格式:
将左花括号与选择器放在同一行 。
左花括号与选择器间添加一个空格 。
使用两个空格来缩进 。
冒号与属性值之间添加一个空格 。
逗号和符号之后使用一个空格 。
每一个属性与值结尾都要使用分号 。
只有属性值包含空格时才使用引号 。
右花括号放在新的一行 。
【html5零基础入门学习教程 html5零基础学员入门教程】每行最多 80 个字符 。
推荐阅读
- csgo全武器弹道子弹轨迹在一个人眼里很慢非常慢,这人会什么水平?
- 你与室友的搞笑经历有哪些?
- csgo压枪特别差怎么办?
- 快手推广广告多少钱,有几种计费方式
- 人到中年的男女,应该如何正确对待“夫妻生活”?
- “吃鸡”游戏的子弹打在准心中间,而《CF》和《CSgo》的打在准心上面,对不对?
- 花呗如何借钱到微信 微信版花呗开通教程
- 你曾经和异性之间有过哪些尴尬的事?
- csgo玩了100个小时要着重练什么?