新手指南
Web 术语辞典
「页头是什么？」「API 是什么？」 用图示与例子讲解常用术语。
分类
网站结构
Header (页眉)
yèméi
网站最顶部的导航区域，通常放置网站标志、菜单和搜索栏。
具体示例
网站顶部的“AIGP”标志和菜单部分。
Footer (页脚)
yèjiǎo
网站最底部的信息区域，通常包含版权声明、友情链接和联系方式。
具体示例
页面最底部写有“© AIGP”的部分。
Sidebar (侧边栏)
cèbiānlán
放置在主要内容旁边的辅助区域，常用于显示分类列表或筛选器。
具体示例
管理界面左侧的菜单部分。
Breadcrumb (面包屑导航)
miànbāoxiè dǎoháng
一种层级显示，指示当前页面在网站中的位置。例如：首页 > 分类 > 文章标题。
具体示例
首页 / 提示词集合 / AOS.js淡入效果。
Hamburger Menu (汉堡菜单)
hànbǎo càidān
一个由三条横线（≡）组成的图标。点击后会展开菜单，常用于手机屏幕上。
具体示例
在手机上浏览网站时，右上角出现的三条横线图标。
全局导航
quán jú dǎo háng
指在网站所有页面中一致显示的主菜单，包含了指向首页、关于我们、产品、联系我们等关键部分的链接。它通常位于页眉或侧边栏，帮助用户快速跳转到网站的重要区域。
具体示例
一个公司网站顶部始终显示的包含“首页”、“关于我们”、“服务”、“招聘”、“联系我们”的菜单栏就是全局导航。
主内容区
zhǔ nèi róng qū
网页的中心部分，用于显示该页面的主要信息（如文章、产品描述、图片等）。它被页眉、页脚和侧边栏所包围，包含了用户访问该页面所要查看的核心内容。
具体示例
在博客文章页面中，显示文章标题、正文和图片的中央宽阔部分就是主内容区。
局部导航
jú bù dǎo háng
仅在特定版块或页面内显示的菜单或链接集合，提供与该区域相关的详细导航。它位于全局导航之下，帮助用户在当前的类别或主题内进行更深层次的浏览。
具体示例
在在线商店的“电脑”分类页面上，显示“笔记本电脑”、“台式机”、“配件”的子菜单就是局部导航。
首屏横幅区
shǒu píng héng fú qū
位于网页最顶部、紧接页眉下方的一个大型视觉区域。它包含引人注目的图片或视频、标题和主要行动号召按钮，旨在给访问者留下深刻的第一印象，并立即传达网站的目的。
具体示例
在公司着陆页上，带有美丽背景图片、中央有大标题“用创新技术构建未来”、下方有“了解更多”按钮的区域就是首屏横幅区。
设计与布局
Responsive Design (响应式设计)
xiǎngyìngshì shèjì
一种设计方法，使网站布局能根据PC、平板、手机等不同屏幕尺寸自动调整。
具体示例
在电脑和手机上浏览这个网站时，卡片的列数会自动变化。
Grid Layout (网格布局)
wǎnggé bùjú
一种将元素以格子状（行和列）排列的布局方法，常用于卡片列表。
具体示例
首页文章卡片以四列排列的部分。
Aspect Ratio (宽高比)
kuānggāobǐ
图片或视频的宽度与高度的比例。16:9为宽屏，4:3为标准屏，9:16为竖屏（手机视频）。
具体示例
YouTube视频通常是16:9，Instagram故事通常是9:16。
Margin (外边距) / Padding (内边距)
wàibiānjù / nèibiānjù
外边距是元素外部的留白，内边距是元素内部的留白。
具体示例
卡片周围的空隙（外边距）和卡片内文字与边框之间的空隙（内边距）。
弹性盒子 (Flexbox)
tánxìng hézi
CSS的一种布局模式，用于在单行或单列中排列项目，并有效地分配它们之间的空间。它简化了复杂布局的创建，常用于导航栏或卡片列表等。
具体示例
在网站的头部，你可以使用弹性盒子来水平对齐Logo和导航链接，并自动调整它们之间的间距。
视口 (Viewport)
shìkǒu
指用户在设备屏幕上看到的网页的可视区域。桌面电脑、平板电脑和智能手机等不同设备的视口大小各不相同。
具体示例
当你在智能手机上浏览网站时，浏览器显示内容的屏幕区域就是视口。网站会根据这个视口来调整其显示。
Z轴索引 (Z-index)
zì zhóu suǒyǐn
CSS属性之一，用于控制网页上元素的堆叠顺序。值越高的元素会显示在值较低的元素之上。常用于弹出窗口或下拉菜单等。
具体示例
为了让弹窗广告显示在网站主要内容之上，你会为广告设置一个较高的Z轴索引值，确保它堆叠在其他元素前面。
断点 (Breakpoints)
duàndiǎn
在响应式设计中，断点是指当屏幕宽度（视口）达到特定值时，网站布局或样式发生变化的临界点。它们允许网站适应并为不同设备尺寸提供优化的显示。
具体示例
为了在移动设备上垂直显示导航栏，而在平板电脑或桌面设备上水平显示，你可以设置一个特定的屏幕宽度（例如768像素）作为断点。
动画与运动 (Animation & Motion)
Fade In / Fade Out (淡入/淡出)
dàn rù / dàn chū
一种动画效果，使元素缓慢显示（淡入）或逐渐消失（淡出）。
具体示例
向下滚动时，文章卡片平滑地出现的效果。
Slider / Carousel (轮播图/滑块)
lún bō tú / huá kuài
一种用户界面，图片或内容可以横向滑动切换。Swiper是一个典型的库。
具体示例
购物网站上主图片自动切换的部分。
Parallax (视差滚动)
shì chā gǔn dòng
一种效果，当滚动时，背景和前景以不同的速度移动，营造出深度感。
具体示例
滚动时背景图片缓慢移动的网站。
Hover Effect (悬停效果)
xuán tíng xiào guǒ
当鼠标光标悬停在元素上时发生的变化，例如颜色改变、放大等。
具体示例
将鼠标悬停在按钮上时，按钮颜色变深的效果。
Transition (过渡)
guò dù
一种动画，使状态变化平滑进行。例如，颜色不是瞬间改变，而是柔和地过渡。
具体示例
打开菜单时，菜单平滑滑出的动作。
关键帧动画 (Guānjiànzhēn Dònghuà)
ㄍㄨㄢ ㄐㄧㄢ ㄓㄣ ㄉㄨㄥ ㄏㄨㄚˋ
CSS中用于定义动画中间状态的方法。通过在动画的不同阶段指定关键点（关键帧），可以创建复杂的运动序列、颜色变化或其他转换。它允许精确控制元素属性随时间的变化。
具体示例
定义一个动画，使元素从左向右移动，同时颜色从红色变为蓝色，通过在动画持续时间的0%、50%和100%处设置特定的样式。
缓动函数 (Huǎndòng hánshù)
ㄏㄨㄢˇ ㄉㄨㄥˋ ㄏㄢˊ ㄕㄨˋ
定义动画速度变化模式的函数。它通过模拟现实世界的物理效果，使动画感觉更自然，例如缓慢开始然后加速，或反之。常见的包括 `linear`、`ease-in`、`ease-out` 和 `ease-in-out`。
具体示例
使用 `ease-out` 缓动函数，让一个按钮在点击后平滑地向上滑动，然后轻轻地停止到位，以提供更自然的动画效果。
CSS 变换 (CSS Biànhuàn)
ㄙㄧ ㄝˋ ㄙㄧ ㄅㄧㄢˋ ㄏㄨㄢˋ
CSS属性，允许你修改元素在2D或3D空间中的形状和位置。它包括 `translate`（移动）、`scale`（缩放）、`rotate`（旋转）和 `skew`（倾斜）等功能，是许多网页动画的基础。这些功能可以组合以创建复杂的效果。
具体示例
使用 `rotate(45deg)` 将图标旋转45度，或者使用 `scale(1.2)` 将图片放大1.2倍，以创建交互式视觉效果。
技术术语 (Technical Terms)
API (应用程序接口)
yīng yòng chéng xù jiē kǒu
软件之间进行信息交流的接口。它是一种机制，例如 '访问这个URL就能获得数据'。
具体示例
AIGP 使用 REST API 从 WordPress 获取博客数据。
CSS (层叠样式表)
céng dié yàng shì biǎo
用于指定网页外观（颜色、大小、布局、动画）的语言。
具体示例
将文字设为红色、将按钮设为圆角、调整边距。
JavaScript (JS)
jiā wǎ sī kè lǐ pǔ tè
一种为网页添加动态和交互性的编程语言。实现点击后发生某些事情的功能。
具体示例
点击按钮时菜单弹出的动作。
CDN (内容分发网络)
nèi róng fēn fā wǎng luò
一种将文件部署在全球各地的服务器上，并从离用户最近的服务器进行分发的机制。
具体示例
不将 Swiper 代码放在自己的服务器上，而是从 CDN 加载。
npm / Package (npm / 包)
yán pí yán / bāo
一种机制，用于下载其他人编写的程序（库）并在自己的项目中 F使用。
具体示例
通过 `npm install swiper` 添加轮播图功能。
SEO 与营销
SEO (搜索引擎优化)
sī yī ōu
优化网站，使其在谷歌等搜索引擎的搜索结果中排名靠前。主要调整标题、H标签和内部链接等。
具体示例
在搜索“Swiper轮播图”时，让您的网站出现在搜索结果的第一页。
MEO (地图引擎优化)
mǔ yī ōu
一种让您的商家在谷歌地图搜索中获得更高排名的策略。对于实体店业务非常重要，主要通过优化Google商家资料实现。
具体示例
提高在谷歌地图中搜索“上海 咖啡店”时，您的咖啡店的排名。
AIO (AI搜索优化)
yī yī ōu
优化您的网站，使其内容在ChatGPT、Perplexity等AI搜索中被引用或参考。也称为AI概述优化。
具体示例
确保当用户通过Google搜索的AI摘要功能提问时，您的网站信息能被引用。
LLMO (大型语言模型优化)
lè lè mǔ ōu
一种优化方法，旨在让ChatGPT、Gemini、Claude等大型语言模型（LLM）在生成回答时引用或参考您的内容。
具体示例
当有人向ChatGPT提问“推荐的CSS库有哪些？”时，您的文章能被引用。
GEO (生成式引擎优化)
jī yī ōu
优化您的网站，使其信息被AI搜索引擎（如SGE、Perplexity等）的生成结果所包含。结构化数据和E-E-A-T是关键。
具体示例
当在Perplexity上提出技术问题时，您的解释文章能作为来源显示。
OGP (开放图谱协议)
ōu jī pī
设置在社交媒体上分享链接时显示的标题、图片和描述。是Open Graph Protocol的缩写。
具体示例
在微信中发送URL时，显示的缩略图和摘要。
JSON-LD (结构化数据)
jié sēn lè dé
一种特殊的JSON格式描述，用于告诉搜索引擎页面的内容，例如“这是一篇文章”、“这是一个步骤”。它是富文本搜索结果的来源。
具体示例
Google搜索结果中出现的星级评分或步骤列表，就是JSON-LD的功劳。
Affiliate (联盟营销)
ā fēi lì yè tè
一种通过在自己的网站上推荐商品或服务，当用户通过您的链接购买或注册时获得佣金的机制。
具体示例
通过“强烈推荐此工具”的链接进行注册后，推荐人将获得报酬。
编程语言
HTML (超文本标记语言)
ài qī yī mǔ ài lè
用于构建网页“骨架”的语言。它定义了标题、段落、图片、链接等结构。是所有网站的基础。
具体示例
像 `<h1>标题</h1><p>正文</p>` 这样编写。
PHP (超文本预处理器)
pī ài chī pī
一种在服务器端运行的编程语言。它是WordPress的核心，通过与数据库交互来生成动态页面。
具体示例
WordPress的主题和插件都是用PHP编写的。
TypeScript (类型脚本)
tài pǔ sī kè ruì pǔ tè
一种为JavaScript添加“类型”的语言。它预先定义变量可以接受的值的类型，从而防止错误。在大规模开发中是必不可少的。
具体示例
写 `const age: number = 25;`，如果尝试给 `age` 赋一个字符串值，就会报错。
Python (派森)
pài sēn
在AI、机器学习和数据分析中最常用的语言。语法简单易读。在Web开发中，Django和Flask是著名的框架。
具体示例
ChatGPT和Stable Diffusion的后端都是用Python构建的。
SQL (结构化查询语言)
sī kù yǐn lè
一种专门用于指示数据库“给我这个数据”或“保存这个数据”的语言。
具体示例
`SELECT * FROM users WHERE age > 20;` 用于获取所有年龄大于20岁的用户列表。
框架与库
React (前端库)
ruì'āktè
由Meta（原Facebook）开发的UI构建库。通过组合组件来构建页面。目前最受欢迎。
具体示例
Instagram、Netflix、Airbnb等知名网站都在使用。AIGP也基于React。
Next.js (全栈框架)
nèikèst jiéyì'sī
一个基于React的成熟Web框架。集成了服务器端渲染、静态生成和API路由。
具体示例
这个AIGP网站就是用Next.js 16构建的。
Vue.js (渐进式框架)
wéi'ǔ jiéyì'sī
一个学习成本低的UI框架。基于HTML模板，直观易用。在中国Web开发领域也很受欢迎。
具体示例
常被选择用于快速构建内部工具或管理后台。
Tailwind CSS (实用工具类CSS框架)
tài'ěrwén dí sī'i'sī
一个通过组合类名来应用样式的CSS框架。无需设计文件，即可快速构建UI。
具体示例
使用 class="text-lg font-bold text-blue-600" 即可创建大号、粗体、蓝色的文字。
jQuery (JavaScript库)
jiékuì'èruì
曾经市场份额巨大的JavaScript库。可以轻松编写DOM操作。目前正逐渐向React/Vue等框架迁移。
具体示例
通过 `$('.menu').slideToggle();` 可以实现菜单的展开/收起动画。
Node.js (JavaScript运行时)
nuòdé jiéyì'sī
一个让JavaScript能在服务器端运行的执行环境。其优势在于前后端可以使用同一种语言编写。
具体示例
npm install 命令和Next.js的开发服务器都运行在Node.js上。
服务器与基础设施
共享主机 (Rental Server)
lèn tǎ'ěr sā'i'bò
一种每月只需几百日元即可发布网站的共享服务器。易于使用WordPress。适合初学者。
具体示例
例如，Xserver、ConoHa WING、Sakura Server等日本服务商。
VPS (虚拟专用服务器)
bù'ī pí'i'sī
将一台物理服务器虚拟化分割，并使其像专用服务器一样使用的服务。具有root权限，自由度高。
具体示例
AIGP的Next.js运行在Xserver VPS上的Docker中。
AWS (亚马逊云服务)
ē'i'dá bùlǐ'wéi'ěsī
亚马逊提供的全球最大的云计算服务集合。包含EC2（服务器）、S3（存储）、Lambda（无服务器）等200多种服务。
具体示例
Netflix、任天堂、NASA等全球大型企业都在使用。
Docker (容器技术)
duōkè'ěr
一种将应用程序放入名为“容器”的“箱子”中，使其在任何环境中都能以相同方式运行的虚拟化技术。
具体示例
通过 `docker compose up` 可以一键启动开发环境。
Vercel (前端部署平台)
wǎ'ěrsè'ěr
Next.js开发方提供的托管服务。只需将代码推送到Git仓库，网站即可自动部署。
具体示例
通过GitHub集成，代码更新后几秒钟即可反映到生产环境的网站上。
Cloudflare (内容分发网络服务)
kèláo défúléi'ěr
提供免费的CDN、DNS、DDoS防御和SSL证书服务。通过Cloudflare Pages也可以进行网站托管。
具体示例
只需将其置于网站前端，即可实现加速和增强安全性。
SSL / HTTPS (安全通信协议)
ìsī'sī'èl'ěr
一种加密Web网站和浏览器之间通信的机制。以 https:// 开头的URL表示该网站已启用SSL。它还会影响SEO。
具体示例
浏览器地址栏中显示锁形图标即是SSL通信的证明。
nginx (Web服务器)
ēnjīněkè sī
一款高速的Web服务器/反向代理。能够同时处理大量访问。作为Apache的下一代产品而普及。
具体示例
在VPS上，将nginx放置在Next.js前端，负责SSL处理和缓存。
AI·生成式AI
LLM (大型语言模型)
dà xíng yǔ yán mó xíng
经过海量文本数据训练的巨型AI模型。可用于文本生成、摘要、翻译、代码生成等多种用途。
具体示例
如 ChatGPT (GPT-4)、Claude、Gemini、DeepSeek 等
Prompt (提示词)
tí shì cí
指对AI发出的指令或问题。提示词的编写方式会极大地影响AI的输出质量。
具体示例
例如，“使用 Swiper 创建一个无限循环的轮播图”就是一个提示词
RAG (检索增强生成)
jiǎn suǒ zēng qiáng shēng chéng
一种在AI回答前先搜索外部数据库，并将最新信息纳入回答生成的技术。旨在减少幻觉现象。
具体示例
例如，在回答前搜索公司内部文档的企业内部聊天机器人
Fine-tuning (微调)
wēi tiáo
指通过追加数据对现有AI模型进行再训练，使其专注于特定用途。
具体示例
例如，将通用的 GPT 模型定制成擅长医疗术语的专业AI
Stable Diffusion (稳定扩散)
wěn dìng kuò sàn
一种通过文本生成图像的开源AI。可在本地电脑上运行，模型可自由定制。
具体示例
例如，输入“龙与少女”即可自动生成插画
Token (令牌)
lìng pái
AI处理文本时的最小单位。一个汉字约等于1~3个令牌。API费用通常根据令牌数量计算。
具体示例
例如，DeepSeek 每百万令牌仅 $0.14，价格极低
CMS·网站创建工具
WordPress (内容管理系统)
wò dé pǔ lái sī
全球市场份额约43%的开源CMS。由Automattic公司主导开发。通过插件和主题可自由扩展功能，适用于从博客、企业网站到电商等多种场景。
具体示例
例如，白宫、索尼音乐、BBC新闻等都在使用
Wix (网站搭建平台)
wēi kè sī
源自以色列的无代码网站搭建工具。由Wix公司（纳斯达克上市公司）运营。通过拖放式操作可直观设计网站，并包含托管服务。提供免费套餐。
具体示例
在个人作品集、小型商业网站中很受欢迎
Jimdo (网站创建服务)
jīn dù
源自德国的网站创建服务。在中国（或其他地区）由当地伙伴代理运营。其特点是AI可自动生成网站的“AI网站搭建器”。
具体示例
对中文支持良好，常用于小型个人网站或店铺
Studio (网站设计工具)
sī tǎ dí ào
源自日本的无代码网页制作工具。由STUDIO公司运营。设计自由度高，中文字体支持丰富。内置协作编辑和CMS功能。
具体示例
常用于设计师作品集和小型企业网站
Shopify (电商平台)
shòu bǎi fēi
源自加拿大的全球最大电商（网店）平台之一。整合了支付、库存、配送管理。通过月费制可轻松开设网店。
具体示例
例如，耐克、Supreme，以及许多D2C品牌都在使用
Squarespace (网站建设器)
sī kuài ěr sī pèi sī
源自美国的网站建设器，以其精美模板为特色。由Squarespace公司（纽交所上市公司）运营。提供大量专为摄影师和创作者设计的模板。
具体示例
在作品集、餐厅、婚礼网站中很受欢迎
Webflow (可视化网页开发工具)
wèi bù fú luò
专为设计师打造的可视化网页开发工具。无需编写代码即可构建专业的响应式网站。可通过GUI精细控制CSS。
具体示例
当设计师希望“无需代码创建专业品质网站”时，会选择它
Peraichi (一页网站搭建工具)
pé lái yī
源自日本的LP（着陆页）创建工具。由Peraichi公司运营。只需选择模板，填入文字和图片，即可完成一个单页网站。
具体示例
常用于活动公告、推广着陆页、名片式网页
Adobe 创意工具
Adobe (奥多比)
àoduōbǐ
由美国Adobe公司（纳斯达克股票代码：ADBE）提供的一系列创意软件。是摄影、视频、设计和网页制作行业的标准。通过按月付费的Creative Cloud订阅提供。
具体示例
几乎所有设计公司和视频制作专业人士都在使用Adobe。
Photoshop (图像处理软件)
túxiàng chǔlǐ ruǎnjiàn
行业标准的照片编辑和图像处理软件。广泛用于修饰、合成、色彩校正等，从专业摄影师到网页制作人员都在使用。也包含了AI功能“生成式填充”。
具体示例
消除商品照片背景，美化皮肤，制作宣传横幅图片。
Illustrator (矢量绘图软件)
shǐliàng huìtú ruǎnjiàn
行业标准的矢量图形创建软件。用于制作放大后不会失真的数据，如Logo、图标、插画、传单等。是印刷品设计的必备工具。
具体示例
制作公司Logo、名片、海报、包装设计。
XD (与Figma集成)
X.D. yǔ Fígmǎ jí chéng
Adobe XD曾是一款UI/UX设计工具，但在2023年已停止新销售。目前正转向与Figma集成（Adobe曾尝试收购Figma但最终放弃）。
具体示例
曾用于创建网页和应用的线框图及原型。
Premiere Pro (视频编辑软件)
shìpín biānjí ruǎnjiàn
专业视频编辑软件。用于编辑电影、电视节目和YouTube视频。与After Effects结合可实现高级视频表现。
具体示例
编辑高质量YouTube视频、企业宣传片、电影预告片。
After Effects (动态图形与视觉特效软件)
dòngtài túxíng yǔ shìjué tèxiào ruǎnjiàn
动态图形和VFX的经典软件。用于创建文字动画、效果合成和视频特殊效果。
具体示例
制作标题动画、爆炸特效、信息图表视频。
Lightroom (照片管理与编辑软件)
zhàopiàn guǎnlǐ yǔ biānjí ruǎnjiàn
专门用于大量照片管理和批量编辑的软件。擅长RAW图像处理、色调校正和预设应用。手机版可免费使用。
具体示例
统一并批量校正100张旅行照片的色调。
InDesign (桌面出版软件)
zhuōmiàn chūbǎn ruǎnjiàn
专门用于书籍、杂志、目录等多页印刷物布局的桌面出版(DTP)软件。是出版和印刷行业的标准工具。
具体示例
制作100页的产品目录或杂志的版面。
设计与图像编辑工具
Figma (协同设计工具)
Fígmǎ (xié tóng shè jì gōng jù)
一款基于浏览器的UI/UX设计工具，由Figma公司运营。实时协同编辑是其最大优势。在网页设计领域市场份额正迅速扩大。
具体示例
团队同时创建和审阅网站设计。
Canva (在线设计工具)
Cānbā (zàixiàn shèjì gōngjù)
由澳大利亚Canva公司运营的在线设计工具。拥有丰富的模板，即使是没有设计经验的用户也能轻松制作社交媒体图片和演示文稿。
具体示例
使用模板制作Instagram帖子图片、演示文稿幻灯片和名片。
Affinity (创意软件套件)
Āfīnnìtí (chuàngyì ruǎnjiàn tàojiàn)
由英国Serif公司开发，现已被Canva公司收购。是一套买断制的创意软件，包括Photo（照片编辑）、Designer（矢量图形）和Publisher（桌面出版）三大核心产品。作为Adobe的替代品备受关注。
具体示例
寻求避免Adobe订阅费用的专业人士会将其作为替代品使用。
GIMP (免费图像编辑软件)
G.I.M.P. (miǎnfèi túxiàng biānjí ruǎnjiàn)
一款免费的开源图像编辑软件，功能与Photoshop相似。支持Windows/Mac/Linux。
具体示例
当想要进行专业图像编辑但不想花钱时的选择。
Sketch (Mac UI设计工具)
Skèchí (Mac U.I. shèjì gōngjù)
专为Mac设计的UI设计工具，由荷兰Sketch公司开发。在Figma出现之前，曾是UI设计的标准。特点是轻量且运行速度快。
具体示例
macOS用户在创建应用UI设计时使用。
Inkscape (免费矢量图形编辑器)
Ìnkēsīkēpǔ (miǎnfèi shǐliàng túxíng biānjí qì)
一款免费的开源矢量图形编辑器。可作为Illustrator的替代品使用。原生支持SVG格式。
具体示例
当想要免费制作Logo或图标的SVG数据时使用。
浏览器与搜索引擎
Browser (浏览器)
liú lǎn qì
用于显示网站的软件。它解析HTML并将其渲染到屏幕上。与搜索引擎不同（浏览器是浏览软件，搜索引擎是搜索服务）。
具体示例
Chrome、Safari、Edge、Firefox是浏览器。Google搜索是搜索引擎。
Google Chrome (谷歌浏览器)
gǔ gē liú lǎn qì
由Google公司开发，全球市场份额约65%的浏览器。使用V8引擎实现高速运行。拥有丰富的扩展功能。默认搜索引擎是Google搜索。
具体示例
可在Windows/Mac/手机上使用。开发者工具功能强大。
Safari (苹果浏览器)
sà fā lǐ
由Apple公司开发的浏览器。预装在iPhone/iPad/Mac上，是Apple用户的默认浏览器。使用WebKit引擎。
具体示例
iPhone的默认浏览器。电池消耗较少。
Microsoft Edge (微软Edge浏览器)
wēi ruǎn Edge liú lǎn qì
Microsoft公司基于Chromium开发。预装在Windows 10/11上。以集成Bing AI (Copilot) 为特色。是Internet Explorer的继任者。
具体示例
Windows系统自带的浏览器。点击Copilot按钮即可进行AI对话。
Firefox (火狐浏览器)
huǒ hú liú lǎn qì
由Mozilla基金会开发的开源浏览器。提供强大的隐私保护功能。使用独特的Gecko引擎。
具体示例
受注重隐私保护的用户和Web开发人员欢迎。
Google Search (谷歌搜索)
gǔ gē sōu suǒ
由Google公司运营的全球最大搜索引擎（市场份额约92%）。通过爬虫抓取网页并构建索引。新增AI概览功能。
具体示例
通过google.com或Chrome的地址栏进行搜索。
Bing (必应)
bì yìng
由Microsoft公司运营的搜索引擎。集成Copilot（原Bing Chat），是AI搜索的先行者。Edge的默认搜索引擎。
具体示例
在Edge浏览器或Copilot中搜索时会使用Bing。
Yahoo! Search (雅虎搜索)
yǎ hǔ sōu suǒ
在中国台湾、香港等地区由雅虎运营。搜索引擎核心技术利用Google。其特点是与新闻、问答等服务联动，在特定地区拥有较高市场份额。
具体示例
通过Yahoo!主页进行搜索。在一些地区，中老年用户中拥有根深蒂固的人气。
Browser vs. Search Engine (浏览器与搜索引擎的区别)
liú lǎn qì yǔ sōu suǒ yǐn qíng de qū bié
浏览器 = '查看'网站的应用程序。搜索引擎 = '查找'网站的服务。Chrome是浏览器，Google搜索是搜索引擎。两者是不同的，但容易混淆。
具体示例
在Chrome浏览器中使用Google搜索，在Safari浏览器中使用Yahoo!搜索，两者可以自由组合使用。