您现在的位置是:焦点 >>正文
HTML是什么
焦点39人已围观
简介HTML不是编程语言。我第一次在浏览器里按下“查看源代码”时,看到的是一堆尖括号里裹着英文单词的东西,像某种古老的密码。那是十几年前的事了,现在我知道,那些尖括号就是网页的骨架,而HTML就是用来描述 ...
HTML不是编程语言。我第一次在浏览器里按下“查看源代码”时,看到的是一堆尖括号里裹着英文单词的东西,像某种古老的密码。那是十几年前的事了,现在我知道,那些尖括号就是网页的骨架,而HTML就是用来描述这副骨架的语言。
你打开任何一个网页,右键,选择“查看页面源代码”,看到的就是HTML。它不负责让页面变得好看,也不负责让按钮动起来,它只做一件事:告诉浏览器,这里是一段标题,那里是一个段落,这有一张图片,那有一个链接。就像建筑图纸上的线条标注,每一笔都有它的含义。
我见过太多人把HTML和CSS、JavaScript混为一谈。有个朋友花了三个月学“前端开发”,结果一直在背标签,问他为什么页面还是丑得没法看,他挠头说“我明明写了<font color="red">啊”。这就是没搞明白分工——HTML是结构,CSS是外观,JavaScript是行为。你盖房子,HTML是承重墙和楼板,CSS是刷墙铺地砖,JavaScript是装水电和智能家居。光有墙,人住不进去;光有装修,墙塌了也没用。
HTML的标签数量不算多,常用的也就二三十个。<h1>到<h6>是标题,<p>是段落,<a>是链接,<img>是图片,<div>和<span>是万能盒子。有意思的是,这些标签本身就带着语义。<h1>不只是字体大一号,它告诉搜索引擎“这是本页最重要的标题”;<nav>明确表示“这里是导航”;<article>说“这是一篇独立内容”。这种语义化设计,让网页不只是给人看,也让机器能读懂结构。
有个细节特别能说明问题。你在淘宝搜“苹果”,出来的结果有手机也有水果。但如果你看那些商品页面的HTML,会发现每个商品标题都包在<h3>或<h4>标签里,价格在<span class="price">里。淘宝的搜索引擎就是靠这些标签来理解页面内容的——哪个是标题,哪个是价格,一目了然。如果没有HTML的结构,整个互联网就是一锅粥,机器分不清哪句是广告哪句是正文。
HTML的容错性也很有趣。浏览器对写错的HTML相当宽容——你忘了闭合一个<p>标签,它照样给你渲染出来,不会报错。这跟JavaScript完全不一样,那边少个分号可能整个脚本就罢工了。这种宽容让新手容易上手,但也埋了坑:很多人写了几年HTML,标签嵌套乱七八糟,页面在Chrome里正常,换到Safari就错位。所以别觉得HTML简单就轻视它——规范地写,跟“能显示出来”是两码事。
我有个做SEO的朋友,每天的工作就是跟工程师吵架。工程师觉得页面能用就行,他非要人家在<img>标签里加alt属性,说“图片加载失败时至少有个文字说明”。这其实就是HTML的哲学:每个标签都有它存在的理由,<alt>不是给正常人看的,是给视障用户和搜索引擎爬虫看的。HTML的很多设计,都是在为“看不见的读者”服务。
说到底,HTML是互联网的底层语言。你每天刷的新闻、点的外卖、看的地图,背后都是几万行HTML在支撑。它不炫酷,甚至有点枯燥,但它是这个数字世界的钢筋混凝土。下次你打开一个网页,不妨按下Ctrl+U,看看那些尖括号——它们安静地躺在那里,组织着你看得见的一切。
Tags:
上一篇:国家自然基金关键词
相关文章
安全工程师个人简历
焦点面试官翻简历的速度,比我修漏洞的速度还快。直到我写出“曾在一小时内定位并阻断针对公司ERP系统的横向渗透”,他才抬起头。安全工程师的简历,本质不是罗列技能树,而是证明你能在混乱中建立秩序。 我的简历第 ...
【焦点】
阅读更多衣服还原剂
焦点去年秋天,我花了六百块买的那件焦糖色羊毛大衣,被咖啡泼了个正着。送去干洗店,店员瞄了一眼污渍,头摇得跟拨浪鼓似的:“这色儿,怕是要留印子。”取回来一看,果然,领口下方那块浅褐色的晕圈,像一块没擦干净的 ...
【焦点】
阅读更多黑帽平台
焦点凌晨两点,老周发来一条语音,声音压得很低:“那批‘黑帽’账号又被封了三十个,客户在催退款。”他做的是搜索引擎优化,说穿了就是买一批高权重老域名,挂上客户网站的外链,让排名在三个月内冲进首页。这套玩法在 ...
【焦点】
阅读更多