深圳网站制作最常见的HTML和CSS错误

2013-11-27    分类: 网站建设

成都网站制作最常见的HTML和CSS错误
初学者通过先进的程序员在他们的HTML和CSS文件,无论是通过疏忽或缺乏经验的错误。干净的代码是非常重要的,虽然将有助于进一步作为一个开发人员的技能,以及节省您的时间编辑后!如果你是一个熟练的开发人员,回顾它是很痛苦的…

初学者通过先进的程序员在他们的HTML和CSS文件,无论是通过疏忽或缺乏经验的错误。干净的代码是非常重要的,虽然将有助于进一步作为一个开发人员的技能,以及节省您的时间编辑后!如果你是一个熟练的开发人员,回顾它不会伤害你,许多错误是由于太快而不是从一开始就练习好的编码技巧造成的。这是一个有益的和失误的常见错误列表,我遇到了我自己的工作,以及与他人合作。

深圳网站制作最常见的HTML和CSS错误

HTML错误

忘记关闭标签

这是很常见的,尤其是初学者。几个标签需要关闭的标签如div,强大的标签,并列举了一些链接。其他标签需要结束斜杠结束线如一个img标签。

专区内的文本

不正确的DOCTYPE

HTML文档需要你开始用正确的DOCTYPE声明。它需要在代码中的任何其他之前,通过声明您使用的HTML类型来启动文档。这里的XHTML 1过渡doctype。

不正确的嵌套标签

按适当的顺序打开和关闭标签是非常重要的。一旦某个东西(例如div)已经打开,它必须在它关闭之前关闭。以下是不正确的。

文本

利用标签

这只是被认为是坏的做法,但不会导致您的代码未被验证。你应该总是使用小写标签如div、链接和图像。以下是不正确的。

忘记打开或关闭引号

我在初学者看到过很多东西,会导致代码损坏,无法正常工作。HTML需要双引号打开和关闭正确。这里有一个正确使用的例子。

使用内联样式

这是另一个被认为是不好的做法。内联样式的工作,但会导致头痛后!项目应在全球范围内通过一个外部样式表的样式。这将是更容易编辑和添加样式到未来。内联样式的一个示例:

链接名称

不编码特殊字符

人物像“©”和“&”应该表现出适当的HTML代码的特点。这里有一个伟大的字符列表和他们的HTML对应,你应该使用。

混淆类和IDS

类用于在一页上多次使用的项。这可以是一个链接样式,您可以在一个页面上多次调用,但不遵循全局链接样式。ID被称为一次项,如头部的class和id经常被滥用,用在不必要的地方也。坚持你所需要的最低数量的分类。

CSS

忘记恰当地关闭东西

每个div或项目在开始与开幕曲括号和结束结束卷曲括号。每个调用的样式需要用分号结束。一个项目中的最后一个声明不需要分号,但使用它,以防以后你打算添加更多的项目,你可能会忘记将其添加回。正确使用的一个例子:

# divname {

宽度:40px;

身高:30px;

}

凝聚你的样式表把所有声明一个div一行是为辩论。我喜欢把每一个声明自己的行,我认为这是更容易编辑的方式,但有些人可能会说,它只是产生更长的代码。

不使用全局样式

许多东西应该像段落和标题样式一样用于文本和链接样式。这将减少犯错误的风险,也会减少你的样式表的代码量。

不使用ID和类的唯一名称

它选择的名称是独一无二的,它很容易编辑,后来是非常重要的,而且容易在你的样式表的识别。命名您的div具体事象#离开家柱,不如#左。

不使用速记代码

速记编码的另一种方式是将你的样式表,有助于加快以及用户负荷倍找东西当你编辑后的。而不是调用填充顶部,左,下,右-您可以使用:

填料:5px 10px 0 10px;

速记代码可用于许多声明,包括:填充、边距、边框和字体。

不使用缩短的颜色声明

进制数,重复# ffffff和# 000000可以浓缩为# FFF和# 000。这是另一种方法来压缩您的代码和保持东西短,容易看。

不正确的使用定位

当你刚开始使用CSS时,定位很难理解。你的选择是静态的,相对的,绝对的,固定的。静态是默认选项,并根据正常页流定位。一个相对的物品相对于它自己定位,这意味着你可以根据它通常坐的位置向上、向下、向左或向右移动它。绝对允许你在页面的任何地方放置一个项目,是最误用的定位语句。您为它设置的值将与相对或绝对的最后父项相对应,如果没有,则默认为HTML标记,允许您通过声明左上或右下角将其定位到任何位置。固定的位置相对于浏览器窗口,所以一个项目将保持到位,如果用户必须滚动。学习如何正确使用定位很重要,但不应过度使用。我很少使用这些在我的样式表。

深圳网站制作最常见的HTML和CSS错误

验证

验证您的HTML和CSS文件将有助于减少错误,并找出问题可能来自。您的网站可能与一些常见的HTML和CSS错误的功能正确,但它并没有使它的良好做法或有效的代码。验证器将帮助识别这些问题,你就可以对未来的调整你的代码。

深圳网站制作最常见的HTML和CSS错误更多的资源

12常见的HTML错误

10 HTML错误应该避免

十常见CSS错误

CSS速记指南

CSS初学者的错误

CSS的小抄

深圳网站制作最常见的HTML和CSS错误我们很多人都犯了这些HTML和CSS错误,包括我自己!我们只能努力从错误中吸取教训,实践未来更好的编码。清理您的代码将帮助您进一步提高您的编码技能,并允许您创建更好的网站与更多的功能,为您的用户。

新闻标题:深圳网站制作最常见的HTML和CSS错误
网站地址:/news37/19537.html

成都网站建设公司_创新互联,为您提供网站设计自适应网站静态网站定制开发建站公司小程序开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站优化排名