HTML5中常见的几种错误用法

html-css010

HTML5中常见的几种错误用法,第1张

下面给你介绍几种常见测错误用法:

一、不要使用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前端制作一步到位的综合设计课程,其实这种课程模式早已经过时,当前行业岗位需求变更,企业对于前端开发人才的专业度要求变高了。