HTML5中常见的几种错误用法

html-css06

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样式,你没必要再多此一举了。

那是因为你res后面多了一个括号。

修改前:

$.get('t.php', '', function(res)){

修改后:

$.get('t.php', '', function(res){

建议学会使用F12,也就是浏览器调试。错误信息会很详细的,比如多了个括号或者少了个引号啥的,基本都能清楚的显示,一看便知,比直接肉眼查bug好多了。

查找html中的错误,可以使用如下三个方法:

•方法一:检查可疑的代码,细化功能点,每次只修改一个地方,修改一次就测试一次,直到发现导致错误的关键代码。

•方法二:制作最简单的Demo 只实现需要的功能,当功能正常后,与出错的正式代码进行比较(比较中可以适当使用方法一)。

•方法三:以正常功能(或出错)的代码为原型,修改一个地方就生成一个测试的备份,每个测试的案例都只有一处与原始代码不同,编上号码,在特殊环境下逐一测试,检查导致错误的根源。