「这是我参与2022首次更文挑战的第20天,活动详情查看:2022首次更文挑战」
这个重学 HTML 系列终于结束了,前面的文章看了一下现在的 HTML 标准下都有哪些内容,这一篇来总结一些相关的技术实践。
首先来说我们现在很少直接写完整的 html 页面了,使用框架开发时主要有模板和 JSX 两种写法,虽然 JSX 在语法上有些不同,模板也会扩展一些框架特有的能力,但是从标签上来看还是绕不开 html 的,只是我们平时开发能使用到的 html 其实很少,从有效学习的角度上来看,最常用的 html 内容标签大概这几个:div、a、input、span、img、audio、video、iframe、canvas,这样就足够了,其中iframe、canvas、video、audio 也只在特定的场景下使用,更多时候真的就是在使用 div 构建页面。
在需要考虑 Accessibility 的场景可能不太一样,部分语义化标签能够更小的成本实现 a11y 的需求,对于一个完整的网站来说 a11y 其实非常重要,但是目前很多时候它并没有被放在一个较高的位置上,考虑到国内很多公司快速开发的现状,可能未来需要某些政策要求来推动国内 a11y 的建设(部分国家已经有这方面的要求)。这一部分内容如果产品有需要按需学习即可。
SEO 也是一个独立的话题,meta 标签以及其他几个 header 中的标签其实很多时候是很有用的,这一部分确实是经常被忽略的内容,在前面的学习文章中也有展开说明。
从发展的角度来看,WebComponents 相关的技术是值得了解一下的,虽然现在的各个框架都实现了属于自己的组件实现方案,但是 WebComponents 是首次将其列入标准,它的存在当然不妨碍其他框架的发展,但是如果有一天 WebComponents 非常成熟,并且官方提供了一系列解决方案,那个时候我们还需要再去学习每个框架的组件标准吗?曾经浏览器操作 dom 的 API 不好用,因此有了 jQuery,浏览器不方便组件化,框架开始自定义规范,现在浏览器操作 dom 已经很容易,离开 jQuery 我们也可以工作的很好,随着 WebComponents 越来越好用,框架也自然没必要选择自定义的组件规范了,这是一个可能的发展趋势。
这个系列 HTML 到这里就完成了,实际的收获没有预期多,但是还是坚持写完了 20 篇,原计划的 CSS 系列暂时不计划开始,后面可能会写一些有效收获更多的内容调整一下。