深圳网站建设设计

将想法与焦点和您一起共享

深圳网站建设设计 深圳网站优化排名 深圳网站设计制作欣赏

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

2017-03-16  阅读: 深圳网站建设设计

深圳网站制作最常见的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错误,包括我自己!我们只能努力从错误中吸取教训,实践未来更好的编码。清理您的代码将帮助您进一步提高您的编码技能,并允许您创建更好的网站与更多的功能,为您的用户。

将文章分享到..