网站建设

结合设计经验与营销实践,提供有价值的企业营销资讯

首页 > 新闻资讯 > 网站建设

深圳网站**常见的HTML和CSS错误

2022/11/30 7:23:27 来源:深圳网站建设

  深圳网站通过高级程序员在HTML和CSS文件中犯下初学者**常见的HTML和CSS错误,有的是疏忽大意,有的是没有经验的错误。干净的代码是非常重要的,虽然它将有助于进一步提高您作为一个开发人员的技能,以及节省您的时间后编辑!如果你是一个熟练的开发人员,那么审查它是痛苦的hellip;

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

  HTML错误

  忘记关闭标签

  这是很常见的,尤其是初学者。有几个标签需要关闭,比如标签div、强大的标签和一些链接列表。其他标记需要一个结束斜杠结束线,例如img标记。

  区域中的文本

  不正确DOCTYPE

  HTML文档需要您从正确的DOCTYPE声明开始。它需要先声明您正在使用的HTML类型,然后再声明代码中的任何内容来启动文档。这里是XHTML 1转换DOCTYPE。

  嵌套标签不正确

  按正确的顺序打开和关闭标签是非常重要的。一旦某物(如div)被打开,它必须在关闭之前关闭。以下是不正确的。

  文本

  使用标记

  这只是被认为是不好的做法,但它不会导致您的代码未经验证。您应该始终使用小写标记,例如div、链接和图像。以下是不正确的。

  忘记打开或关闭引号

  对于初学者来说,我见过很多会导致代码损坏而无法正常工作的东西。HTML需要双引号才能正确打开和关闭。下面是一个如何正确使用它的例子。

  使用内联样式

  这是另一种被认为不好的做法。内联风格的作品,但可能会导致头痛以后!项目应该通过外部样式表进行全局样式设置。以后编辑和添加样式会更容易。内联样式示例:

  链接名称

  特殊字符不编码

  图ldquo;复印件;rdquo;和ldquoamp;rdquo;应显示适当的HTML代码特征。下面是您应该使用的字符及其HTML对应项的列表。

  混淆类与ids

  类用于在页面上多次使用的项。这可以是一种链接样式,您可以在一个页面上多次调用它,而不必遵循全局链接样式id称为一次性项,例如类和id中的head,它们经常被滥用并在不必要的地方使用。坚持你所需要的**小分类数。

  CSS

  忘了关好东西

  每个div或项目在开头用开口括号卷曲,结尾用结束括号卷曲。每个调用的样式都需要以分号结束。项目中的**后一条语句不需要分号,但**好使用分号,以防以后计划添加更多项目而忘记将它们添加回去。正确使用示例:

  #div名称{

  宽度:40px;

  高度:30px;

  }

  压缩样式表,将所有声明放在div行进行辩论。我喜欢把每个语句放在自己的行上,我认为这是一种更容易编辑的方法,但是有些人可能会说它只生成更长的代码。

  不使用全局样式

  很多东西应该用于文本和链接样式,如段落和标题样式。这将减少出错的风险和样式表中的代码量。

  不使用id和类的唯一名称

  它选择的名称是唯一的,易于编辑,稍后非常重要,并且在样式表中很容易识别。将您的div指定事象#离开家柱命名,不如左。

  无速记代码

  另一种速记代码的方法是放置样式表,这有助于加快用户加载时间,以便在编辑样式表时找到一些东西。您可以使用以下方法,而不是调用“填充顶部”、“左”、“下”、“右”:

  包装:5px10px0 10px;

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

  不要使用缩短的颜色语句

  基号,重复#ffffff和#000000可压缩为#FFF和#000。这是另一种压缩代码并使事情简短且易于查看的方法。

  使用定位不正确

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

  验证

  验证HTML和CSS文件将有助于减少错误并识别可能来自的问题。您的网站可能会正确地使用一些常见的HTML和CSS错误,但这并不能使它成为良好的实践或有效的代码。验证器将帮助识别这些问题,以便您可以为将来调整代码。

  深圳网站使**常见的HTML和CSS错误更多资源

  12常见HTML错误

  应避免HTML错误

  十个常见错误CSS

  CSS速记指南

  CSS初学者错误

  CSS

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

http://www.ytdns.net/jianzhanzhishi/461.html 深圳网站**常见的HTML和CSS错误

特别声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:0755-85297058;邮箱:2295772445#qq.com (#替换成@)。

标签:

QQ咨询
微信咨询
微信咨询
电话咨询
周一至周五 9:00-18:00
135-1055-3738
回顶部