相关问题
更多相关问题 →HTML5 是什么?它和旧版 HTML 有什么区别
HTML5 是 HTML 标准的第五次重大版本更新,也是当前网页标记的通用基础。它由 W3C 与 WHATWG 共同维护,核心目标是让网页在不依赖插件的情况下承载更丰富的结构、媒体和交互能力。如果你正在学前端、准备重写旧站点,或者只是想知道“HTML5 到底新在哪”,下面按能力、差异和上手路径说明。
HTML5 引入了哪些关键能力
HTML5 不是单一功能,而是一组围绕“文档结构 + 原生能力”的扩展。主要可以归为几类:
- 语义化标签:
<header>、<nav>、<main>、<article>、<section>、<aside>、<footer>等,让页面结构本身携带含义,而不是全靠<div>堆叠。 - 原生音视频:
<audio>、<video>让浏览器直接播放媒体,不再依赖 Flash 等第三方插件。 - 图形绘制:
<canvas>提供脚本绘图接口,<svg>支持矢量图形,两者常用于图表、动画和可视化。 - 表单增强:新增
email、url、number、date、range等输入类型,以及required、pattern、placeholder等属性,浏览器可做基础校验。 - 本地存储与离线:
localStorage、sessionStorage用于在客户端保存数据,Application Cache(后被 Service Worker 取代)曾用于离线访问。 - 其他 API 生态:地理位置、拖放、WebSocket、Web Workers 等,常与 HTML5 一起被提及。
HTML5 与 HTML4 / XHTML 的主要差异
差异不只在标签数量,更在文档写法和结构表达上。
| 维度 | HTML4 / XHTML | HTML5 |
|---|---|---|
| 文档类型声明 | 冗长,需引用 DTD | 简化为 <!DOCTYPE html> |
| 字符编码 | 写法较繁琐 | 简化为 <meta charset="utf-8"> |
| 结构表达 | 主要靠 <div> + class |
语义化标签直接表达区块含义 |
| 媒体播放 | 依赖插件 | <audio>、<video> 原生支持 |
| 表单校验 | 基本靠 JavaScript | 原生输入类型与约束属性 |
| 大小写与闭合 | XHTML 要求严格 | HTML5 更宽松,但建议保持规范写法 |
一个直观例子:HTML4 时代常见写法是 <div id="header">、<div id="nav">;HTML5 直接写成 <header>、<nav>,结构含义对浏览器、搜索引擎和辅助技术都更清晰。
HTML5、CSS3 和 JavaScript 的分工
三者经常被一起讨论,但职责不同:
- HTML5:负责结构与内容,定义页面上有什么。
- CSS3:负责样式与布局,定义页面长什么样,例如圆角、渐变、媒体查询、Flexbox、Grid。
- JavaScript:负责行为与交互,定义页面能做什么,例如响应点击、请求数据、操作 Canvas。
所以“用 HTML5 做响应式”这种说法并不准确——响应式布局主要由 CSS3 的媒体查询实现,HTML5 提供的是语义结构基础。
常见误解
- HTML5 不是框架或模板:像 HTML5 UP 这类站点提供的是基于 HTML5/CSS3 的响应式站点模板,模板是成品,HTML5 是底层标准。
- HTML5 不等于响应式设计:响应式是 CSS 层面的适配策略,HTML5 只是让结构更适合被适配。
- HTML5 不是“新语言”:它仍是 HTML,只是版本演进,旧页面不会因为 HTML5 出现就失效。
上手建议
如果要从旧版迁移或开始新项目,可以按这个顺序推进:
- 把文档头换成
<!DOCTYPE html>和<meta charset="utf-8">。 - 用语义化标签替换主要
<div>区块,先改 header、nav、main、footer。 - 表单改用合适的
type和required、pattern,减少一部分 JavaScript 校验。 - 需要媒体时优先用
<video>、<audio>,并准备多格式回退。 - 需要绘图或动画时再引入
<canvas>或<svg>,不必一开始就全用上。
验证方法很直接:改完后用浏览器开发者工具检查 DOM 结构是否符合预期,再用不同尺寸窗口确认 CSS 媒体查询是否生效。常见卡点是旧浏览器兼容性和媒体格式支持,遇到时优先查目标浏览器的支持情况,而不是一次性堆砌所有新特性。
街机套件与电路板是什么?JAMMA、多合一与 Neo Geo 入门说明
街机硬件可以拆成三层来看:机台(框体、电源、显示器、摇杆按键)、电路板(PCB,也就是真正运行游戏的那块板)、以及连接两者的接口标准。JAMMA 是目前最常见的接口标准,决定了某块电路板能否直接插进某台机台。多合一街机套件(multigame kit)把多款游戏集成到一块板或一套套件里,适合想用一台机台玩多款游戏的人;单块原版 PCB 通常只跑一款游戏,适合追求原版体验或收藏的人。Neo Geo 是其中一类有自己卡带和主板体系的街机平台,特点是游戏以卡带形式更换。判断自己需要哪类硬件,关键看三点:机台是不是 JAMMA 接线、想玩一款还是多款游戏、是否接受非原版方案。
街机硬件的三个基本部分
机台(Cabinet)
机台是外壳加外围设备:电源、显示器(CRT 或 LCD)、控制面板(摇杆、按键)、投币器、音响。机台本身不决定能玩什么游戏,决定游戏的是插进去的电路板。
电路板(PCB)
PCB 是运行游戏逻辑的板子。一块原版 PCB 通常对应一款游戏。板子上的视频、音频、控制信号需要通过线束接到机台上。
接口标准(JAMMA)
JAMMA 是一套接线规范,规定了电源、视频、音频、控制和投币信号在接插件上的引脚位置。它的作用是让不同厂商的板子和机台可以互换:只要两边都符合 JAMMA,板子就能直接插上,不用重新接线。这就是为什么“是否 JAMMA”是选购和改装时第一个要确认的问题。
多合一街机套件与单块原版 PCB 的区别
| 维度 | 多合一街机套件 | 单块原版 PCB |
|---|---|---|
| 游戏数量 | 一块板/一套套件集成多款 | 通常一款 |
| 更换游戏方式 | 在套件菜单里切换 | 换板子 |
| 与原版的关系 | 多为复刻或模拟方案 | 原厂原版 |
| 适合的人 | 想一台机玩多款、空间有限 | 追求原版体验、收藏 |
| 兼容性关注点 | 是否 JAMMA、视频输出类型 | 是否 JAMMA、板子状态 |
多合一的价值在于省去反复换板的麻烦,一台机台就能覆盖多款游戏。代价是它通常不是原厂原版方案。如果你在意“原汁原味”或收藏价值,单块原版 PCB 更合适;如果你更在意可玩数量和便利性,多合一更实际。
JAMMA 为什么决定能不能直接接入
JAMMA 的核心作用是标准化引脚定义。选购或改装前需要确认:
- 机台侧:线束是不是 JAMMA 规格,接插件针数是否匹配。
- 板子侧:板子是否 JAMMA 标准,还是需要转接板(adapter)。
- 视频信号:板子输出的是 CGA(15kHz)还是更高频率,机台显示器是否支持。用 LCD 时通常需要额外的视频转换。
- 电源:板子需要的电压和电流,机台电源能否提供。
- 控制与投币:按键数量是否够用,投币信号是否接得上。
只要有一项不匹配,就可能需要转接或改造,而不是“插上就能用”。
Neo Geo 这类平台的特点
Neo Geo 是街机中比较特殊的一类:它用主板加卡带的结构,换游戏就是换卡带,而不是换整块 PCB。对使用者来说,这意味着同一套主板可以玩多款该平台的游戏,卡带可单独收集和更换。它的适用场景是:你打算长期玩该平台的游戏,并且愿意围绕它的卡带体系来配置。它和 JAMMA 的关系同样需要确认——具体主板是否 JAMMA 兼容、需要什么线束,取决于型号,选购时以实际板子的说明为准。
选购或改装前要确认的问题
- 我的机台是 JAMMA 接线吗?接插件针数是多少?
- 我要玩一款还是多款?多款就优先看多合一,原版优先看单块 PCB。
- 显示器支持板子的视频输出吗?用 LCD 的话转换方案是什么?
- 电源电压和电流够不够?
- 控制面板按键数量够不够这款游戏用?
- 板子或套件是否需要转接板、额外线束?
把这几个问题问清楚,再决定买多合一、单块 PCB 还是 Neo Geo 这类卡带平台,能避免买回来接不上的情况。Multigame.Com 提供街机游戏套件和电路板的设计、制造与销售,并注明提供免费的信息和建议,可作为了解具体套件与兼容性问题的入口。
网站信息概览
现有迹象表明,搜索与社交元数据形成了完整链路,搜索平台较少需要自行猜测页面主题,分享预览也更可能保持稳定。
域名与注册信息
域名已开启常见的注册锁定保护。域名注册于 2022 年,目前处于 1 至 5 年的运营阶段。现有迹象表明,域名由 NameCheap, Inc. 管理,可通过其标准渠道处理注册事务。顶级域为 .com,本身不提供额外的身份信号。
DNS 与邮件配置
结合现有公开信息推测,DNS 托管可识别为 Namecheap。未发现 CNAME,当前记录直接解析到地址。DNS 中没有邮件交换记录。结合现有公开信息推测,第三方验证记录涉及 Google。RDAP 将 DNSSEC 标记为未签名。
TLS 与证书
公钥采用主流的 RSA 2048 位方案。服务器返回了完整证书链。证书未包含组织名称,按现有字段归为 DV 域名验证证书。从公开技术信号来看,当前证书颁发者为 Let's Encrypt。该证书有效期约 89 天,剩余 60 天。
HTTP 响应
响应中存在 X-Powered-By:Next.js。当前已配置 4/6 项,缺项为 HSTS、Permissions-Policy。HTTP 字段未显示敏感内部网络标识。HTTP 响应返回了定制的 Server 标识。Cookie 的 Secure、HttpOnly 与 SameSite 状态未知。
技术栈分析
综合当前可观察字段,公开页面可识别出 Next.js,但未直接暴露精确版本。网站实现方式并非完全隐藏,不过针对特定版本的扫描线索相对有限。
SEO 与社交分享
Twitter/X 分享卡片信息可用。首页已设置标题,长度适中。首页提供了可用的搜索摘要描述。当前首页面向常规搜索抓取开放。未检测到页面生成系统标识。
主机和电子邮件
页面、搜索与分享信息
| 页面描述 | Eaglercraft 是一款免费开源的《我的世界》,可以在任何网页浏览器中玩,包括 Chromebook、iOS 和 Android。它使用 TeaVM 进行 AOT 编译,支持单人、多人、共享世界、语音聊天和 PBR 光影。 |
|---|---|
| 规范链接 | https://eaglercraft.com |
| 语言 | 中文(默认) |
| Twitter Card | summary_large_image |
社交分享预览
11 个字段robots.txt (在新窗口打开)
1 条规则所有爬虫 1 条允许 · 0 条禁止
/
没有符合条件的规则。
Sitemaps
1
域名登记事实 RDAP / WHOIS
| 注册商 | NameCheap, Inc. |
|---|---|
| 注册时间 | 2022-05-31 |
| 到期时间 | 2027-05-31 |
| 域名状态 | client transfer prohibited |
| 名称服务器 | dns1.registrar-servers.com、dns2.registrar-servers.com |
| DNSSEC | unsigned |
DNS 记录
TLS 与证书
| 定性结果 | 配置正常 |
|---|---|
| 支持协议 | TLSv1.2、TLSv1.3 |
| 协商协议 | TLSv1.3 |
| 证书主题 | eaglercraft.com |
| 颁发者 | Let's Encrypt |
| 有效期至 | 2026-11-24T20:35 · 记录时剩余 60 天 |
| 验证事实 | 证书信任:通过 · 域名匹配:通过 |
HTTP 响应标头
| 标头 | 值 |
|---|---|
| content-type | text/html; charset=utf-8 |
| cache-control | private, no-cache, no-store, max-age=0, must-revalidate |
| server | ddos-guard |
| content-security-policy | upgrade-insecure-requests;, frame-ancestors 'none'; |
| x-frame-options | DENY |
| x-content-type-options | nosniff |
| referrer-policy | no-referrer |
| set-cookie | 已脱敏 |
用户评价(0)