`

Web开发中最致命的8个小错误

    博客分类:
  • Web
 
阅读更多

现在,有越来越多所谓的“教程”来帮助我们提高网站的易用性。本文收集了一些在Web开发中容易出错和被忽略的小问题,并且提供了参考的解决方案,以便于帮助Web开发者更好的完善网站。

通过避免下面这些小错误,可以使得我们的网站变得更为友好。

错误1:表单的label标签跟表单字段没有关联



利用“for”属性允许用户单击label也可以选中表单中的内容。这可以扩大复选框和单选框的点击区域,非常实用。

错误2:logo图片没有链接到主页



点击网站logo就能转到主页已经成为了网民的条件反射。此外,值得一提的是,logo是指定放于左上角的。

错误3:不能区分是否已经访问过该链接



访问过的连接状态应该与没有访问过的有所区别,以便于让用户直观地明白哪个链接已经点击过了。

错误4:没有突出当前选中激活的表单项



可以使用“focus”展现选中的文本区域处于动态中。也可以使用CSS样式,例如,突出的边框或者略有变化的背景色。

错误5:图片中没有alt图片描述信息



你可能会觉得无关紧要,但是这是必要的!请记住添加一个说明性的alt属性到你的图片上,除非这张图片很明显是用作装饰的,那么这个alt属性才可以为空(但仍然存在!)。如果是使用图片作为链接点,那么可以输入链接地址。

错误6:背景图片后面没有设置背景色



在内容文字后面使用背景图片是很普遍的,但是我们同时要考虑到如果背景图片被客户端所禁用的情况,所以最好背景图后面再设置一个相似色调的背景颜色,以免文本变得不可阅读。

错误7:不一致的界面设计

矫枉过正大概就是这个意思了。有些设计师为了提高网页水平,故而为网站中的每个网页都创建了不同的设计。但是这只会混淆用户,使他们不知所措。记住,无论一个网站有多么的优秀和有吸引力,如果它的整体外观和感觉并不一致,那么用户就很难记住它。建议如下:

1.每个页面使用标准一致的模板链接到网站的主要部分。
2.关键字要简单。设计应该美观简洁,这样用户在使用时才不会困惑。

错误8:下划线的内容并不是链接



众所周知,带有下划线的内容很容易被当成链接。不要随随便便地在文字中来一个下划线,这样会让人困惑。如果真的想强调某个单词,不妨试试加粗或者加大字体。

分享到:
评论

相关推荐

    编程中常犯的两个错误

    然而,对于新手而言,在这条看似光鲜亮丽的道路上,他们往往会犯下两个致命的错误。这两个错误不仅浪费了大量的时间和精力,更可能使新手们在编程的海洋中迷失方向,丧失信心。本文将基于“编程中常犯的两个错误”这...

    软件开发安全性设计培训

    安全漏洞是软件开发过程中最重要的问题之一。安全漏洞可以分为设计漏洞和实现漏洞。设计漏洞是指软件设计阶段的错误或疏忽,例如 Microsoft Bob 的设置系统密码工具漏洞。实现漏洞是指软件实现阶段的错误或疏忽,...

    Log4j在web和控制台应用程序的使用

    这个框架允许开发者根据需要调整日志级别,从而获取调试、信息、警告、错误和致命错误等不同级别的详细信息。Log4j的使用对于理解程序的运行状况、定位问题以及性能优化至关重要。 首先,让我们从"Log4j总结.doc...

    一个自定义的开发框架 Framework

    Session在Web开发中用于跟踪用户的会话状态,但默认情况下,Session数据仅在用户与服务器的会话期间存在于内存中。如果服务器重启或者Session超时,这些数据将丢失。为了解决这个问题,我们可以实现Session的持久化...

    死锁解密:Java中避免致命纠缠的策略

    ### 死锁解密:Java 中避免致命纠缠的策略 #### Java 语言概览与特点 Java 是一种广泛采用的编程语言,最初由 Sun Microsystems(现隶属于 Oracle 公司)于 1995 年发布。作为一种面向对象的语言,Java 将现实世界...

    PHP的全局错误处理详解_.docx

    在软件开发过程中,错误处理是至关重要的一个环节,尤其是在PHP这种广泛应用于Web开发的语言中。全局错误处理能够帮助开发者更快地定位问题,提高开发效率。本文旨在详细介绍PHP中的全局错误处理机制,包括`error_...

    Apache错误日志时时查看

    例如,“致命错误”可能表明服务器无法启动,而“警告”可能只是配置文件中的一个小问题。 对于PHP开发者,理解Apache错误日志中的PHP相关错误至关重要。当PHP脚本出错时,错误信息会被记录到Apache错误日志中,而...

    网页排版中10种致命的语义错误

    是来自于Steven D编写的WEB前端开发设计要点的内容。虽然许多设计师已非常熟练的使用了Web标准,让人遗憾的是有很多...这里有10种致命的语义错误的演示,把它们公布出来以避免您在网页排版中继续使用:1、使用连字符

    Laravel开发-laravel-raygun

    这包括未捕获的异常、致命错误以及自定义错误报告。你可以在 Raygun 控制台查看详细的错误堆栈,包括请求信息、用户数据、环境变量等,帮助快速定位问题。 **3. 自定义错误报告** 除了自动错误捕获,你还可以手动...

    c#开发必不可少,log4net 最容易理解的Demo

    log.Fatal("致命错误信息"); ``` 此Demo可能还包含了异常处理和日志级别的条件判断,以便在不同的情况下输出适当级别的日志。例如,在遇到异常时,通过传递异常对象到`Error`或`Fatal`方法,可以记录异常堆栈跟踪,...

    [软件工程师典藏:PHP开发典型模块大全(第3版)].刘欣等.扫描版

    - **定义**:PHP是一种开源的服务器端脚本语言,特别适合于Web开发并可嵌入HTML中。 - **发展历史**:PHP起源于1995年,最初由Rasmus Lerdorf创建,后经过不断的发展和完善,形成了今天广泛使用的PHP版本。 - **应用...

    轻量级响应式框架Vue.js应用分析

    而通过Vue.js的响应式双向绑定数据,实时反映数据的真实变化并映射到数据源上,避免前端页面开发中DOM选择器繁杂的操作,简化Web前端开发流程和降低开放难度,提升前端开发效率,降低开发成本和周期,提升微信公众号使用的...

    PHP小细节文档

    - **错误级别**:从`E_ERROR`到`E_STRICT`,涵盖了从致命错误到编码标准化警告的各种错误类型。如`E_ALL`包含了除`E_STRICT`外的所有错误类型。 - **推荐设置**:在开发阶段,使用`E_ALL|E_STRICT`以获得最全面的...

    PHP错误和异长常处理总结

    错误级别分为多个层次,从致命错误到警告、通知和用户自定义错误。具体级别如E_ERROR、E_WARNING、E_NOTICE、E_CORE_ERROR、E_CORE_WARNING等,每种级别对应不同的错误类型和严重性。 其次,PHP提供了多种方式来...

    PHP实例开发源码—PHP版网站状态监控.zip

    首先,我们需要了解PHP(Hypertext Preprocessor)是一种广泛使用的开源脚本语言,尤其适合Web开发。它嵌入到HTML中,可以增加动态网页的功能,让网页具有交互性。在网站状态监控系统中,PHP主要负责处理后端逻辑,...

    spring依赖jar

    它提供了灵活的日志配置,允许开发者根据需要调整日志级别,从而实现调试、信息、警告、错误和致命错误等多种级别的日志输出。在Spring框架中,log4j可以作为默认的日志系统,帮助开发者跟踪和诊断程序运行过程中的...

    codeigniter_CI框架高级技巧,提升开发效率

    但这样做会引发冲突,因为框架会同时寻找对应名字的controller和model,当两者都存在时会产生致命错误。为了避免这种情况,一个常见的做法是在model的名字后面添加后缀`_model`。例如,创建一个名为`post_model`的...

    PHP7编译版本,7.4.28,

    这个编译版本特别强调了性能提升、错误处理优化以及对现代Web开发的支持。在这个压缩包文件中,包含了用于搭建PHP环境所需的所有核心组件,使得用户可以直接在/app目录下进行Web相关的开发工作。 首先,让我们深入...

    在老项目中加入struts2,xml报错

    在描述中提到的错误信息“XML-22103: (Fatal Error) DOMResult can not be this kind of node.”表明在使用JAXP(Java API for XML Processing)解析XML文档时遇到了致命错误。具体地,错误发生在`oracle.xml.jaxp....

Global site tag (gtag.js) - Google Analytics