首页 前端知识 web前端开发注册的HTML5常见问题,GitHub已标星16k

web前端开发注册的HTML5常见问题,GitHub已标星16k

2024-04-29 12:04:35 前端知识 前端哥 131 856 我要收藏

您仍然可以在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元素(例如metainput)的结尾斜杠。

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

最后

正值招聘旺季,很多小伙伴都询问我有没有前端方面的面试题!

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

711984197211)]

最后

正值招聘旺季,很多小伙伴都询问我有没有前端方面的面试题!

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端资料图.PNG

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6465.html
标签
github
评论
发布的文章

什么是JSON 为什么使用它

2024-05-07 13:05:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!