从 <> 到 Web：HTML 的 5 分钟极简史
112
0
0
打开浏览器，敲个网址，回车——你看到的第一个文件几乎总是 .html。它长得平平淡淡，却能让文字变标题、图片自动加载、视频点就能播。这个魔法就是 HTML。
1. 一句话定义
HTML = HyperText Markup Language
- HyperText 超文本：能在文字里再“藏”链接，把散落世界的网页串成网。
- Markup 标记：用一对尖括号
<>给内容打标签，告诉浏览器“这是标题、那是段落”。 - Language 语言：只是声明，不是编程——没有 if、for，只有“结构”。
2. 30 年极简史
- 1991 蒂姆·伯纳斯-李随手写了 18 个标签，HTML 0.9 诞生。
- 1995–1999 表格、字体、闪烁字（
<blink>）陆续上线，网页花里胡哨。 - 2000–2008 XHTML 试图把 HTML 变成严谨 XML，结果大家嫌麻烦。
- 2014 HTML5 定稿，新增
<video>、<audio>、<canvas>，一句话就能播放视频，无需 Flash。 - Now 还在迭代，Living Standard 每月小步快跑，新 API 层出不穷。
3. 一份最简“骨架”
新建文件，写进下面 11 行，你就拥有了一个合法网页：
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>我的第一张网页</title>
</head>
<body>
<h1>Hello World</h1>
<p>HTML，我来了。</p>
</body>
</html>存为 index.html，双击即可在浏览器打开。没有服务器、没有构建工具，零门槛。
4. 为什么值得学
- Web 的入口：不管后面用 React、Vue 还是 Svelte，渲染结果依旧是 HTML。
- SEO & 可访问性：语义写得好，搜索引擎和读屏软件才能“看懂”你的页面。
- 万物互联的底板：邮件模板、小程序、Electron 桌面应用，都靠 HTML 搭结构。
5. 下一步往哪走
- 给页面“化妆”——学 CSS；
- 让页面“动起来”——学 JavaScript；
- 把页面“复用、拆分、工程化”——接触组件框架或后端模板。
但请记住：框架会换，HTML 永存。把 <h1> 到 <section> 写顺了，再花哨的技术栈都能稳得住。
收个尾
HTML 不是程序员的专利，而是所有想在 Web 里表达的人的“纸和笔”。
先学会 <> 的用法，再去谈艺术和生意——这张纸，足够你写一辈子。
0
快来点个赞吧
发表评论
评论列表