html5基础培训.pdf

精品课程 中国IT 职业教育领先品牌 全程面授 html5 基础培训 H5 的设计起点就是从实用出发的，也就是说很多特性都是怎么方便就怎 么来。所以我们可以关注我们感兴趣的技术，能用到而且兼容性也不错就用， 用不到也不要 “画蛇添足” ，比如163 邮箱就有用到 nav 标签等，但是如果自 己不是很精通 H5 或者是没必要重构就不要去把一些东西改为 H5 的，比如编 写 JS 的时候特意的用WebWorker ，这就很不好!除非我们很明确的知道，这 就是针对移动端这种基本上全面支持 H5 的 Browser 设计开发的功能。 最后，H5 技术不复杂，它从来都不是什么新技术，只是 HTML 的延续， 我认为的 H5 包括如下三点： (1)改进及增强的 HTML 属性，新页面可以尝试使用。 (2)增强了的 JS 交互接口：WebWorker、WebStorage、Web DB、 Offline Application、Geolocation、Canvas ，可以说H5 和 JS 相互增强更上 一层 (3)CSS3 ：改进增强CSS 功能，让页面效果更绚丽，开发更简单，尤其是 “移动先行”的现代互联网网页设计理念能让 “响应式设计”越来越简单、流 行，甚至出现了很多框架。 学习方法： 学习 HTML 这类的标记语言，我们需要从四个方面入手： (1)语法：即怎样的书写格式是 Browser 接受和支持的，HTML 技术的语 法很简单，只要注意大小写在 HTML、XHTML、H5 中的一些细节不同就可以 了。 (2)元素：也就是标签，这个就靠经验和记忆了，不求甚解多用就好。但是 千锋教育 精品课程 中国IT 职业教育领先品牌 全程面授 有一点，系统的学习和杂乱记忆的不同点就是：系统的学习会把元素分类。这 样方便记忆、对比和使用，能让我们尽量减少不必要的错误嵌套。一般会把 HTML 标签分为文档结构标签、文本格式标签、字符格式标签、列表标签、链 接标签、表格标签和表单标签这 8 类，有些标签不实用就不用看了。 (3)属性：知道每类标签都有什么属性，一般来说学习方法是知道有什么属 性，然后了解下哪些标签不支持这些属性。其实，除了 name、id、class、 style 外很多元素属性我们都很少用，涉及到格式的属性，我们都用 CSS 来代 替了。 (4)其他：其他的东西就是去了解一些额外的知识：历史背景、关联技术、 深入技术，比如 XML、DTD ，甚至是Browser 对页面的解析、渲染过程， DOM 树的构建，来帮助我们学习、开发高效页面。 “课外知识”多了，自然 就能做到 “他强由他强，清风拂山岗”的境界了。 千锋教育