html标签不是程设用来装饰的。它是程设网页的骨架，每一个标签都在告诉浏览器：这段是程设标题，那段是程设段落，这里是程设图片，那里是程设链接。但真正让我对html改观的程设，是程设一次课程设计——我做了个个人博客页面，纯手工敲代码，程设没用任何可视化工具。程设

第一天我写了个最简单的程设结构：<html>套着<head>和<body>，里面放了个<h1>“我的程设博客”，再加一段<p>介绍自己。程设浏览器打开，程设白底黑字，程设丑得实在。但那一刻我突然理解了什么叫“语义化”——<h1>就是主标题，<p>就是正文，浏览器和搜索引擎都靠这些标签来读懂页面结构。不是你想让它长什么样，而是它天生就该这么用。

第二天我开始折腾<div>和<span>。这两个标签毫无语义，纯粹是盒子。我用<div>把页面切成头部、导航、主体、侧栏、底部，再用CSS给每个盒子加边框、背景色、间距。页面瞬间有了层次感。但问题也来了——<div>用多了，代码变得臃肿。一个导航栏，我写了七八层嵌套的<div>，改起来像在拆毛线球。后来老师提醒我，<nav>、<header>、<footer>这些HTML5新标签就是干这个的，语义清晰，代码也瘦身了。

真正让我卡住的是表单。博客要有评论功能，我写了<form>，里面放输入框和提交按钮。看起来简单，但细节多得吓人：<label>必须和输入框的id关联，否则点击文字不会聚焦；<input>的type属性有几十种，email和text在手机上弹的键盘完全不同；<textarea>的默认样式在不同浏览器里长得还不一样。我花了整整一个下午才把评论框调得能看，但那种“终于能用了”的感觉，比玩游戏通关还爽。

最意外的是，html标签居然和SEO直接挂钩。我原来以为搜索引擎是靠“猜”来理解网页的，后来才知道，爬虫就是靠标签的语义来抓取内容。<article>里的内容比<div>里的更容易被收录，<img>的alt属性写得好，图片搜索结果里就能排前面。我给我的博客配图都写上了详细的alt描述，一周后，居然真的有人通过图片搜索点进了我的页面。

还有个小细节——<a>标签的href属性。我一开始只写相对路径，比如href="about.html"，本地打开没问题，但放到服务器上就404了。后来改成根目录绝对路径href="/about.html"，才明白路径这东西，环境一变就翻脸。你以为是代码问题，其实是环境问题。

课程设计交上去那天，我打开自己写的页面，从<!DOCTYPE html>到</html>，每一行代码都是我敲的。页面不炫酷，没有动画，没有特效，但每个标签都老老实实待在它该在的位置。那种感觉就像你亲手砌了一堵墙，虽然不平整，但你知道它立得住。

html标签的底层逻辑其实很简单：用最直白的方式告诉浏览器“这是什么”。但就是这份直白，构成了整个互联网的基础。你看到的每一个网页，不管多花哨，最后都得回归到这些朴素的标签上。学web设计，别急着碰框架和构建工具，先把<p>、<a>、<img>这些老伙计摸透了，后面的路会顺得多。