喝水的长颈鹿

架构师

赞

0

|

搜索文章

【大白话前端 10】从页面互跳到锚点定位，关于 <a> 标签最容易被忽视的 5 个实操

网页如果没有超链接，就只是一座座无法访问的孤岛。把它们连成网的，是 <a>（Anchor）标签。 <a> 标签本身是个壳，真正决定点击后触发什么行为的，是它的核心属性。下面按实际开发中最常见的 5 种

1月前
42
点赞
评论

【白话前端 09】HTML网页结构搭建：从语义化标签到整站规划

早期写网页，前端只有一个容器标签可用：<div>。结果就是页面里堆叠了几百个 <div>。人眼能通过 CSS 样式看出哪里是头部、哪里是侧边栏。但对于搜索引擎爬虫、或是视障者的屏幕阅读器来说，这只是

1月前
47
点赞
评论

【大白话前端 08】HTML 文本语义化：6 类非 div 标签的速查指南

日常开发中，如果所有的特殊排版（如引用、上下标、代码块）都用 <div> 或 <span> 配合 CSS 去实现，视觉上没问题，但在搜索引擎抓取和屏幕阅读器解析时，只是一堆无法被理解的纯文本。 HTM

1月前
26
点赞
评论

【大白话前端 07】`<ul>、<ol> 和 <dl>` 怎么选：前端页面的 3 种基础结构

HTML 里只有 3 种列表标签。它们的作用主要是告诉浏览器和机器这些数据是什么关系。 1. 无序列表 <ul>：并列关系这玩意是干嘛的：当一组数据完全不分先后顺序时使用。比如导航菜单、商品标签。

1月前
22
点赞
评论

【大白话前端 06】HTML文本强调标签

新手写网页，为了让字变粗，随手就是一个 <b>，为了倾斜就是一个 <i>。但这在现代前端开发中是一个巨大的坑。在 HTML 的早期，没有 CSS，标签确实是用来控制样式的。但随着标准演进，HTML

1月前
28
点赞
评论

【大白话前端 05】HTML标题与段落

网页就像一本书。如果全篇文字一样大、不分段，人类找不到重点，机器也无法解析。 HTML 标签的本质，是给内容“下定义”。不是为了视觉上的“字号变大”或“文字加粗”，而是向机器（浏览器、搜索引擎爬虫、屏

1月前
29
点赞
评论

【大白话前端 04】HTML 头部的底层逻辑：决定网页解析与检索的隐形配置单

HTML 文档只有两个核心区域：<body> 和 <head>。 <body> 放的是用户真正在屏幕上能看到的具体内容（比如文字、按钮和图片）；而 <head> 则是网页的“幕后配置区”。<head>

1月前
45
点赞
评论

【大白话前端 03】Web 标准与最佳实践

为什么同一套网页代码，在你电脑的 Chrome 上显示完美，发给客户用苹果 Safari 打开，排版就全盘错位？这并非你写错了代码，而是遇到了前端最底层的现实环境：各大浏览器厂商底层引擎存在差异。

1月前
108
1
评论

【大白话前端 02】网页从解析到绘制的全流程

上一章我们讲到，浏览器在网络层面一路跋山涉水，最终把被切碎的数据包拼装成了一份纯文本文件。拿到文件后，便立刻交给了浏览器内部的渲染机器。这台机器本质上就是一个精密的代码代工厂。纯文本的 HTML、C

1月前
62
1
评论

【大白话前端 01】从输入网址到页面显示：网页加载的 6 个物理步骤

你在浏览器输入网址并回车，几秒后就看到了页面。但这短短几秒内，发生了极其密集的物理协作。网页加载的本质，就是你的设备（客户端）跨越千山万水，找别人的电脑（服务器）要一份文本文件。这不是随口一要就能

1月前
23
点赞
评论

个人成就

文章被点赞 2

文章被阅读 558

加入于

2025-09-25