下面给你介绍几种常见测错误用法:
一、不要使用section作为div的替代品
人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说,就是直接用作替代品(用于样式)。
二、只在需要的时候使用header和hgroup
写不需要写的标签当然是毫无意义的。不幸的是,我经常看到header和hgroup被无意义的滥用。你可以阅读一下关于header和hgroup元素的两篇文章做一个详细的了解,其中内容我简单总结如下:
header元素表示的是一组介绍性或者导航性质的辅助文字,经常用作section的头部
当头部有多层结构时,比如有子头部,副标题,各种标识文字等,使用hgroup将h1-h6元素组合起来作为section的头部
header的滥用
由于header可以在一个文档中使用多次,如果你的header元素只包含一个头部元素,那么丢弃header元素吧。
<hgroup>的错误使用
在headers这个主题上,我也经常看到hgroup的错误使用。有时候不应该同时使用hgroup和header
三、figure元素的常见错误
不是所有的图片都是figure
Logo并不是figure
Figure也不仅仅只是图片
另一个常见的关于figure的误解是它只被图片使用。figure可以是视频,音频,图表,一段引用文字,表格,一段代码,一段散文,以及任何它们或者其他的组合。不要把figure局限于图片。web标准的职责是精确的用标签描述内容。
四、不要使用不必要的type属性
在HTML5中,script和style元素不再需要type属性。然而这些很可能会被你的CMS自动加上,所以要移除也不是那么的轻松。但如果你是手工编码或者你完全可以控制你的模板的话,那真的没有什么理由再去包含type属性。所有的浏览器都认为脚本是javascript而样式是css样式,你没必要再多此一举了。
HTML5时代的产物,也是为了满足各大企业需求而产生的一门技术,他是万维网的核心语言,是超文本标记语言的第五次重大修改。为了满足企业的需求HTML5主要学习一下知识点:
一、web页面制作基础
认识web前端和Html
掌握HTML应用
掌握CSS在开发中的使用
页面标准化布局
二、UI网站设计
UI软件基础
Axure原型图设计
UI页面设计
网页界面UI设计的配色
WEB界面设计
多风格类型的WEB界面设
三、编程基础技术
掌握js基本语法与流程控制相关操作
使用 JS 结合 HTML 实现代表性的 JS 特效制作
独立完成网页中常见特效的编写
第三方特效插件的使用
四、后端开发技术
web服务器
掌握http协议
了解web服务器和APP的关系
NodeJS
使用NodeJS搭建web服务器
使用NodeJS搭建socket服务器
express框架快速构建web应用程序
MongoDB
MongoDB 基本使用
PHP语法
PHP常用操作
数据库的基本操作
PHP 从数据库获取动态数据
PHPCMS二次开发
PHPCMS模板开发
五、移动互联网应用
Html5的应用
Html5初级实战静态网页综合开发
Html5相关知识扩展
CSS3应用
LESS用法
SASS使用
响应式页面布局
微网站的制作
Cordova
移动应用的流行框架
移动WEB开发
六、特效开发高级实战
AJAX详解
jQuery框架详解
jQuery Mobile
Bootstrap
AngularJS
七、企业级应用开发
Html5地理位置应用
Html5离线应用
Html5 webworker多线程实现
Html5 websocket(通信协议)
跨平台开发技术
webAPP开发技术
webAPP的设计模式
Ionic
有Css3,JavaScript,jQuery,AngularJS,PHP,NodeJS这些。
学习企业前端技术岗位需求的HTML5技术,HTML5培训课程体系可以看下图课程方向就明白需要学习什么。
现在,前端开发工程师的职责,不是只有切图、制作网页这么简单了,学习课程必须完全覆盖行业内岗位需求,才能轻松胜任WEB前端/移动端/混合应用开发工作,拒绝UI设计、Web前端制作一步到位的综合设计课程,其实这种课程模式早已经过时,当前行业岗位需求变更,企业对于前端开发人才的专业度要求变高了。