<head>
<title>Yout site</title>
</head>
<body>
<div class="container container-sm">
<div id="icon-header">
<span class="fa fa-question-circle"></span>
</div>
<div id="text-column">
<header class="secondary-header">
<h1>Error 404: <strong>Page not found.</strong></h1>
<p>This is not the page you're looking for.</p>
</header>
<nav class="secondary-nav">
<ul>
<li>
<a href="index.html" class="btn btn-primary">
Take me home
<span class="fa fa-exclamation"></span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</body>
</html>
查找html中的错误,可以使用如下三个方法:•方法一:检查可疑的代码,细化功能点,每次只修改一个地方,修改一次就测试一次,直到发现导致错误的关键代码。
•方法二:制作最简单的Demo 只实现需要的功能,当功能正常后,与出错的正式代码进行比较(比较中可以适当使用方法一)。
•方法三:以正常功能(或出错)的代码为原型,修改一个地方就生成一个测试的备份,每个测试的案例都只有一处与原始代码不同,编上号码,在特殊环境下逐一测试,检查导致错误的根源。
下面给你介绍几种常见测错误用法:
一、不要使用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样式,你没必要再多此一举了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)