发布了文章3 月 9 日
结果就是页面里堆叠了几百个 <div>。人眼能通过 CSS 样式看出哪里是头部、哪里是侧边栏。但对于搜索引擎爬虫、或是视障者的屏幕阅读器来说,这只是一坨没有主次的文本碎片。机器根本不知道 <div class="main"> 这几个英文字母代表核心内容。
发布了文章3 月 9 日
日常开发中,如果所有的特殊排版(如引用、上下标、代码块)都用 <div> 或 <span> 配合 CSS 去实现,视觉上没问题,但在搜索引擎抓取和屏幕阅读器解析时,只是一堆无法被理解的纯文本。
发布了文章3 月 7 日
怎么写:用 <ul> (Unordered List) 划定区域,数据必须包裹在 <li> (List Item) 中。
发布了文章3 月 6 日
在 HTML 的早期,没有 CSS,标签确实是用来控制样式的。但随着标准演进,HTML 只负责声明“语义(这是什么)”,长什么样全部交给了 CSS。如果你还在用标签来做“纯视觉展示”,不仅会破坏代码规范,还会导致屏幕阅读器(视障用户工具)和搜索引擎(SEO)无法正确识别网...
发布了文章3 月 5 日
HTML 标签的本质,是给内容“下定义”。不是为了视觉上的“字号变大”或“文字加粗”,而是向机器(浏览器、搜索引擎爬虫、屏幕阅读器)声明这段文字的结构属性。这就是“语义化”。
发布了文章3 月 4 日
HTML 文档只有两个核心区域:<body> 和 <head>。<body> 放的是用户真正在屏幕上能看到的具体内容(比如文字、按钮和图片);而 <head> 则是网页的“幕后配置区”。<head> 里的信息不会显示在页面的正文里,但它主要负责告诉浏览器这网页...
发布了文章3 月 3 日
Chrome、Safari、Firefox 由不同公司开发,拥有各自的渲染引擎。如果不加限制,同一份代码在不同浏览器里必然会渲染出不同的表现。为了不让开发者被迫写多套代码去兼容不同设备,前端界制定了一套强制性的解析规范,也就是 Web 标准。
发布了文章3 月 2 日
这台机器本质上就是一个精密的代码代工厂。纯文本的 HTML、CSS 和 JS 是无法直接变成眼前绚丽的页面,机器必须执行一套严密的 5 步流水线工序,把纯文本拼装成最终的交互画面。
发布了文章3 月 1 日
你在浏览器输入网址并回车,几秒后就看到了页面。但这短短几秒内,发生了极其密集的物理协作。网页加载的本质,就是你的设备(客户端)跨越千山万水,找别人的电脑(服务器)要一份文本文件。这不是随口一要就能拿到,机器必须经过以下 6 道关卡。第 1 关:切碎 URL ...
发布了文章2 月 26 日
如果把网页比作一个人:HTML 是骨架:决定哪里是头、哪里是手。CSS 是皮肤和衣服:决定长得好不好看。JavaScript(简称 JS)是肌肉和神经:决定网页能不能“动”起来。没有 JS,网页就是一张静态海报;有了 JS,网页就变成了可以互动的游戏、能验证密码的表单、能滑动...
发布了文章2 月 25 日
前言:为什么需要 CSS?在早期,网页的“内容”和“样式”是混在一起的。想改 100 个标题的颜色,就得改 100 次 HTML 代码,简直是噩梦。1996 年,CSS(层叠样式表) 诞生,彻底解决了这个问题。如果把网页比作建房子:HTML 是“搭骨架”:决定哪里是墙、哪里是门(内容结...
发布了文章2 月 24 日
前言:HTML 是什么?HTML(超文本标记语言)是网页的骨架。它诞生之初只为解决两个核心问题:结构化内容:用“标签”区分标题、段落、图片等,让文档排版清晰。超链接:实现点击跳转,把孤立的文档连成“万维网”。核心 1:HTML 元素 —— 网页的“积木”网页由一个个“元素”...