您仍然可以在HTML5中使用该样式的语法(出于一致性和可维护性的原因,您可能会更喜欢它),但是验证不再需要在void元素上添加斜杠。继续以“减少脂肪”为主题,HTML5允许您省略此类元素的尾部斜杠,可以说是使标记更整洁且不那么混乱。
新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。
值得注意的是,在HTML5中,大多数_可以_包含嵌套元素的元素(但恰好是空的)仍然需要与相应的结束标记配对。此规则有例外(例如p
标签和li
标签),但是假设它是通用的则更简单。
其他基于XHTML的语法习惯又如何呢?
当我们讨论这个主题时,省略斜杠只是基于HTML5的语法的一个方面,与XHTML不同。实际上,HTML5验证程序完全忽略了语法样式问题,只会对可能以某种方式破坏文档的代码错误抛出错误。
这意味着在验证者的眼中,以下五行标记是相同的:
<link rel=“stylesheet” href=“css/styles.css” />
<link rel=“stylesheet” href=“css/styles.css”>
<LINK REL=“stylesheet” HREF=“css/styles.css”>
<Link Rel=“stylesheet” Href=“css/styles.css”>
<link rel=stylesheet href=css/styles.css>
在HTML5中,您可以使用小写,大写或大小写混合的标记名称或属性,以及带引号或不带引号的属性值(只要这些值不包含空格或其他保留字符),它们都将仅验证精细。
在XHTML中,所有属性都必须具有值,即使这些值是多余的也是如此。例如,在XHTML中,您经常会看到这样的标记:
<input type=“text” disabled=“disabled” />
在HTML5中,可以简单地将“ on”或“ off”属性(称为布尔属性)指定为没有值。因此,上述input
元素可以编写为:
<input type=“text” disabled>
因此,至少就语法而言,HTML5对验证的要求非常宽松。这是否意味着您应该疯了,并在任何给定元素上使用想要的任何语法?不,我们当然不建议这样做。
我们鼓励开发人员选择语法风格并坚持使用它-尤其是在团队环境中,其中代码维护和可读性至关重要。我们还建议您(尽管这是可选的)选择一种简约的编码样式,同时保持一致。
以下是供您考虑使用的一些准则:
-
像在XHTML中一样,对所有元素和属性使用小写字母。
-
尽管某些元素不需要关闭标签,但我们建议关闭所有包含内容的元素(如中所述
<p>Text</p>
)。 -
尽管您可以保留属性值不带引号,但很有可能您将拥有需要用引号引起来的属性(例如,声明多个用空格分隔的类时,或将查询字符串值附加到URL时)。因此,为了保持一致,建议您始终使用引号。
-
省略void元素(例如
meta
或input
)的结尾斜杠。
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
最后
正值招聘旺季,很多小伙伴都询问我有没有前端方面的面试题!
CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
711984197211)]
最后
正值招聘旺季,很多小伙伴都询问我有没有前端方面的面试题!
CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】