HTML并不简单：最适合的编程启蒙语言

每个系列一本前端好书，帮你轻松学重点。 

本系列来自阅文集团前端专家张鑫旭所编写的《HTML并不简单》

HTML是出了名的易入门，原因在于它上手极简单，能迅速拉近普通人和代码之间的距离，甚至不需要准备，打开每天都用的浏览器，改一个单词，网页变了，你完成了“一次”编程。

很多前端小伙伴想过搞APP开发，尝试使用React Native或者Flutter来拓宽技能树，找官网，找文档，跟着搞，结果搞到一半被一堆安装和配置搞崩溃，还没开始就结束了。

但HTML完全没有这个问题，只要随便使用一个主流的编辑器，免费，再安装一款主流浏览器，同样免费，就完成了学习HTML所必须的全部工作。

接下来新建一个HTML文件，勤快一点，敲个div标签，写一句“hello world”，就开始了HTML的入门之旅，懒一点，div都不用写，因为HTML文档天生就是什么都不用写，直接往里塞文字就完了。

你问div是什么？你不用知道它是什么，很多工程师也不知道它是什么，浏览器认它就行了，就是这么宽松。

相比之下，其他编程语言，如：C、PHP、Python、Java，不仅需要繁琐的运行环境准备，还要接受一个灵魂拷问，代码写了，“它能用来干嘛？” 

终点和起点的路径过长，表现过于隐蔽。

但是，是时候给大家敲响警钟，以上只代表HTML入门容易，上手的拦路虎少，不代表精通也容易。

就好比做菜，人人能靠自己做饭饿不死，但到大厨水准就很难了。

我们日常开发所用到的HTML知识仅仅占据它整个知识体系的一小部分，而大家的惰性认知也是“用到的才有用”，于是容易出现“有用的不会用”，什么意思呢？当面对一个需求，觉得难以实现的时候，往往会说“前端做不到”，其实不是“前端”做不到，是我们自己做不到。

大家太缺乏系统学习了，一方面，认为没什么可学，另一方面，如今盛行的框架和组件库，可以让一个完全不懂编程的人，只要敢做，就能照葫芦画瓢做出一个可用的网页来，这么“省心”，谁还愿意深挖学习。

因为缺少需求，也缺少传播和话题度，就会导致一些有用或有趣的特性不为人知，在能够派上用场的时候被遗忘在角落，还要背上“不行”的名号。

你可能还会问，为什么知识已经够用了，我还要去追求所谓的“精通”？

首先，代码是写给人看的，HTML总共100多种标签，不论有样式还是无样式，每种标签都有它特定的用途，而不熟悉的人只会用div、p、span、img、a，顶多有了表单再用一个input，特别地单调，语义化也极差，对人和机器都不友好。

其次，不同用途的标签，浏览器赋予它的能力和特性是不同的，即原生能力，如果你不在合适的场景用对口的元素，就要自己额外去写更多代码来替代和弥补，不是自找苦吃？

再者，HTML的属性常常是被低估的，比如：div怎么做到可编辑？图片怎样实现懒加载？怎样让资源实现跨域加载？怎样禁用元素的可拖拽？是不是听起来有些懵？但其实一个属性设置就搞定。

这样的例子太多太多，怎么样？觉得有深入学习的必要了么？当别人在面对需求一筹莫展时，你动动小手，两秒搞定，是不是很酷？

持续关注，下一篇精彩继续。

---

更多文章第一时间接收，欢迎关注公众号：前端说书匠