前端的HTML发生了什么？ 最近，我与许多开发人员进行了交谈。 似乎有些人甚至不了解HTML。 我的意思是，他们了解一些东西。 他们了解
div什么，
span什么，当一切看起来不错并可以单击时，对他们来说就足够了。 在某种程度上，许多人回答了有关HTML的问题：“哦，是的，我现在正在React和Vue中做所有事情。” 但是只写Javascript真的没关系。 如果您正在开发网站，那么HTML对您来说是最重要的。 这
是网络。
这是关于用户消耗的东西。 这些是UI和UX。 这是整个包装。 按照重要性从高到低的顺序排列：HTML，CSS和行为（可以由Javascript提供，也可以不提供）。
我在这个技术金字塔的底部看到了一个问题。 网络的最小公分母。 基础。 节奏乐队。 网上所有甜点的佐餐。 这是HTML。 在我看来，越来越多的前端工程师不了解或不了解前端的主要技术。
网页是一个文档。 该文档包含任何组件，无论是博客模板，新闻网站，营销统计面板还是注册表单。 文件具有结构。 在互联网上，不仅涉及平台提供的视觉元素或架构。 这是关于选择语义上正确的元素，以便您的网页，组件（无论如何）都经过正确的结构格式化。 标题应该是标题，列表应该是列表，按钮应该是按钮，表格应该是表格。 您可以根据自己的喜好（非常多）对它们进行样式设置-标题不必大而粗体，并带有下面的缩进。 这取决于您，但是绝对应该是标题，如果您像
div一样将与您抗衡。
HTML并不是那么难学，特别是如果您已经了解JavaScript框架。 我没有考虑，但是我非常确定那里只有大约116个元素，并且绝不会需要你们中的大多数。 为什么不学习它们？
我是那些从事前端工作的人之一。 我使用HTML和CSS，因此很容易鼓励所有人学习我已经知道的信息（据记录，我并不了解所有信息-我们在办公室中仍存在很多关于标记特定组件的最佳方法的争论）。 不是说我的工作比您的工作重要。 如果您编写在浏览器中显示内容的代码，那么这绝对是您的工作。
这与可用性和可访问性有关。 如果您认为网页或应用程序的语义结构不重要，实质上，您会说：“好，一切对我有用，您可以发布它。” 我认为Java和CSS不够用。 搜索引擎应该阅读您的内容，而不要欣赏快速的动画或花哨的渐变。 屏幕阅读器应阅读您的内容。 没有鼠标的用户应使用您的站点。 谁知道下一步将使用哪种技术以及它将如何感知您的应用程序，但我押注的是最新的比特币，因为它可以轻松读取，分析和导航内容，因此可能会有所帮助。 所有这些技术都应将内容视为整体内容，而不仅仅是包装在无意义标签中的文字行。 他们应该看到表是什么以及如何显示表，列表是什么以及如何显示表，按钮是什么和标志是什么。 将所有内容都划分为div，他们必须做大量的工作才能认识到这种情况。
“但是我的框架可以处理所有事情。 我只是在编写.jsx模板»
不行 在JSX中编写正确的HTML。 可以的 仅仅因为您使用React或Vue或其他工具，就不必使用div编写所有内容。 不需要。
“此库随处都添加了WAI-Aria属性，因此可访问性很好。”
太好了 如果编写正确的HTML，则根本不需要这些属性中的大多数。 您可以免费获得一大堆可访问性功能，只需使用实际
button而不是具有
onClick事件
onClick的
div 。 免费。 它是免费的，可访问性，性能和用户友好性。 免费！
这些真的很重要。 如果不遵循，它会缓慢地（实际上不是那么缓慢）破坏网络。 至少，这会使使用您的产品的人无法使用它。 如果您称自己为前端工程师，那么您的责任就是找出并使用所有可访问Internet的浏览器，平台，设备或家用电器通用的Web基础。
拜托了 使互联网更好，负责任地发展。 Web上有足够的资源可以提供帮助，以下是一些可以帮助您入门的资源：
- 了解如何以HTML布置文档。 当您查看音乐会海报或报纸页面时，请尝试简单的心理锻炼-想象一下如何用HTML构造它们。 如果有时间，请编写此HTML。 在日常工作中使用此知识。
- MDN是一个很棒的资源，其中包含博客，教程和有用的链接。
- 接触社区中的人们。 阅读博客（例如，安迪·贝尔（Andy Bell）最近关于使用语义HTML的帖子 ）并观看视频 。
- 当我学习时，查看源代码仍然很有用。 我们为今世后代共同打破了这一点，但我可以通过浏览器中“开发人员工具”的强大功能打动您
- 了解辅助技术如何在网络上工作
- 查看HTML规范 ，甚至只是HTML元素列表及其使用示例。
- 如果您是团队合作，请讨论标记。 确实有争议，以
table或dl的形式插入某些元素是正确的（ Description List Element ，MDN）。 我保证，这会很有趣。
- 找出谁是您团队中最好的HTML专家，并要求他们检查您的代码。 如果是我，总是很高兴说话。