《零基础入门学习Web开发》 html5零基础入门学习教程

随着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=http://www.shenzhoubaby.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. 样式表使用简洁的语法格式：
将左花括号与选择器放在同一行。
左花括号与选择器间添加一个空格。
使用两个空格来缩进。
冒号与属性值之间添加一个空格。
逗号和符号之后使用一个空格。
每一个属性与值结尾都要使用分号。
只有属性值包含空格时才使用引号。
右花括号放在新的一行。
【《零基础入门学习Web开发》 html5零基础入门学习教程】每行最多 80 个字符。