谁给个html格式的404页面代码

谁给个html格式的404页面代码,第1张

<html>

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7281827.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存