东莞网站通过HTML和CSS文件中的高级程序员,通过疏忽或缺乏经验的错误,为初学者制作最常见的HTML和CSS错误。清洁代码非常重要,虽然它可以作为开发人员的技能进一步提高,并在编

互域东莞网络公司,专业东莞网站设计,东莞网站建设行业里很有竞争力的团队之一。

位置:东莞互域 > 行业新闻 > >> 东莞网站制作:热议最普遍的HTML和CSS不正确

东莞网站制作:热议最普遍的HTML和CSS不正确

发布时间:2019-09-26 08:01   来源:互域
262019-09

东莞网站通过HTML和CSS文件中的高级程序员,通过疏忽或缺乏经验的错误,为初学者制作最常见的HTML和CSS错误。清洁代码非常重要,虽然它可以作为开发人员的技能进一步提高,并在编辑后节省您的时间!如果您是熟练的开发人员,那么查看它会很痛苦. 接下来我们东莞网站制作:叙述最普遍的HTML和CSS不正确,搞不懂的就来认识一下吧。

最普遍的HTML和CSS不正确:

初学者通过疏忽或缺乏经验的错误,在HTML和CSS文件中传递高级程序员。清洁代码非常重要,虽然它可以作为开发人员的技能进一步提高,并在编辑后节省您的时间!如果您是熟练的开发人员,那么查看它不会对您造成伤害。许多错误都是由于速度太快而不是从一开始就练习编码技巧造成的。这是一个有用和错误的常见错误列表。我遇到了自己的工作,并与其他人合作。

HTML错误

忘记关闭标签

这很常见,尤其适合初学者。需要为div,强大的

等标签关闭几个标签

412.jpg

标记并列出一些链接。其他标签需要像img标签一样结束斜线结束线。

区域内的文字

DOCTYPE不正确

HTML文档要求您从正确的DOCTYPE声明开始。它需要通过在代码中的任何其他内容之前声明您使用的HTML类型来启动文档。这是XHTML 1转换文档类型。

不正确的嵌套代码

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

文本

使用标签

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

忘记打开或关闭引号

我在初学者中看到很多可能导致代码损坏并且无法正常工作的事情东莞网站制作最常见的HTML和CSS错误。 HTML需要双引号才能正确打开和关闭。这是一个如何正确使用它的示例。

使用内联样式

这是另一种被认为是不好的做法。内联样式工作,但以后会导致头痛!项目应采用全局的外部样式表样式。这将更容易编辑和添加样式以供将来使用。内联样式的一个示例:

链接名称

无特殊字符编码

像''和'&'的数字应该显示HTML代码的正确特征。这是一个与HTML相对应的很棒的字符列表,您应该使用它们。

混淆类和IDS

类用于在页面上多次使用的项目。这可以是您可以在页面上多次调用的链接样式,但不遵循全局链接样式。 ID被称为一次性项目,例如标题类和ID,它们经常被滥用并在不必要的地方使用。坚持您需要的最少数量的类别。

CSS

忘记妥善关闭事情

开头开头的每个div或项目都带有左括号并以大括号结尾。每次通话的风格都需要以分号结束。项目中的最后一个语句不需要分号,但最好在以后计划添加更多项目时使用它,您可能会忘记将其添加回来。正确使用的一个例子:

#divname {

宽度:40px;

高度:30px;

}

压缩样式表以将所有声明放在div行中是有争议的。我喜欢自己的每一行,我认为这是一种更简单的编辑方式,但有些人可能会说它只会产生更长的代码。

不要使用全局样式

许多内容应该用于文本和链接样式,如段落和标题样式。这样可以降低出错的风险,还可以减少样式表中的代码量。

不要为ID和类使用唯一名称

它选择的名称是唯一的,它易于编辑,以后它非常重要,并且很容易在您的样式表中识别。将你的div命名为#走家柱,而不是#左。

请勿使用速记代码

速记编码的另一种方法是将您的样式表用于帮助加快速度以及用户加载时间,以便在编辑时查找内容。而不是调用填充顶部,左,下,右 - 您可以使用:

填充:5px 10px 0 10px;

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

请勿使用缩短的颜色声明

数字,重复#ffffff和#000000可以压缩到#FFF和#000。这是压缩代码并保持简短易读的另一种方法。

错误的使用定位

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

149.jpg

验证

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

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

12常见的HTML错误

10 HTML错误应该避免

十常见CSS错误

CSS速记指南

CSS初学者的错误

CSS的小抄

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

念完所述,朋友们应当清晰最普遍的HTML和CSS不正确了吧,东莞网站制作:已经在上文为大家做出了讲解,相信各位看完之后就会明白哦。

[ 关键字:错误 ]


      <i rel='I6myG'><tr rel='I6myG'><dt rel='I6myG'><q rel='I6myG'><span rel='I6myG'><b rel='I6myG'><form rel='I6myG'><ins rel='I6myG'></ins><ul rel='I6myG'></ul><sub id='I6myG'></sub></form><legend id='I6myG'></legend><bdo id='I6myG'><pre id='I6myG'><center id='I6myG'></center></pre></bdo></b><th id='I6myG'></th></span></q></dt></tr></i><div id='I6myG'><tfoot id='I6myG'></tfoot><dl id='I6myG'><fieldset id='I6myG'></fieldset></dl></div>

    • <legend rel='I6myG'><style rel='I6myG'><dir rel='I6myG'><q rel='I6myG'></q></dir></style></legend>

      <small class='I6myG'></small><noframes class='I6myG'>

        <bdo id='I6myG'></bdo><ul id='I6myG'></ul>

            <tfoot class='I6myG'></tfoot>

              <tbody class='I6myG'></tbody>

            相关阅读:
            • 东莞建网站公司讲解西班牙内华达州的写字台 [2019-09-26] 东莞网站制作内华达州内华达办公桌的办公桌意大利加泰罗尼亚:办公功能东莞网站制作专注于您的办公桌。选择合适的办公家具决定如何专注于手头的任务和您正在进行的生产。在寻...
            • 东莞网站设计公司简述网站转换率提升提醒 [2019-09-26] 使用图片7提示接下来我们 东莞网站设计公司 介绍网站转换率提升提醒,不明白的来认识一下呀。 网站转换率提升提醒: 改善了网站转化率 东莞网站将图片添加到网站的生活中。所以...
            • 东莞网站制作:热议最普遍的HTML和CSS不正确 [2019-09-26] 东莞网站通过HTML和CSS文件中的高级程序员,通过疏忽或缺乏经验的错误,为初学者制作最常见的HTML和CSS错误。清洁代码非常重要,虽然它可以作为开发人员的技能进一步提高,并在编...
            • 建设网站东莞:教妳网页制作的4个重要构成 [2019-09-25] 优秀网页设计的四个关键组成部分之一。东莞有很多网页设计。但我相信它可以分解为四个主要组成部分。如果您能够执行所有这四项,您将拥有一个网页设计。但是,如果你提出一个...
            • 东莞做网站公司答疑网页制作中的10个创造性案例 [2019-09-25] 网页设计中的10个鼓舞人心的例子接下来我们 东莞做网站公司 详述网页制作中的10个创造性案例,不明白的可以来看看。 网页制作中的10个创造性案例: 以“非正统”的方式(非正式方...

            在线QQ咨询