search
HomeWeb Front-endH5 Tutorial关于 HTML5 被简称做 H5 ,你怎么看?

越来越多的人把 HTML5 简称做 H5,其中不乏很多专业的机构和个人。
我个人觉得 HTML5 本身就是一种简称,不应该再缩短。

回复内容:

小白:大神我想学 H5 啊,给我推荐本书吧

我:滚蛋,先搞清楚 HTML5 不是 H5 !

==== 分割线 ====

猎头/HR:H5开发你熟吗?我们这有个年收入 xxx万的岗位,要不要考虑下?

我:熟的熟的,H5 我开发好几年了,成功项目有xxxx。。

==== 分割线 ====

只要有钱,其实叫什么都无所谓 当我第一次听到H5的时候,我以为是
heading

根据Google的结果,这个缩写只有中国人用 encrypted.google.com/se
极少数网站会用在域名里。
第一个使用这个缩写的人一定英语不及格。 出来废话几句……(附:H5 使用手册)

有一种词叫做 terminology(术语),使用后通常有逼格加成的效果。

术语经常都是缩写的,因为它们大都真得很长……比如:
UED = User Experience Design ,用户体验设计
AMD = Async Module Definition ,异步模块定义

还有以微软和腾讯为首的事业群缩写(难记到爆……):
OMG = Online Media Group
STC = Search Technology Center

在专业领域使用缩写,是一件非常正常且合理的事情。对于老外,使用英文缩写大概就跟我们把「电子商务」简称为「电商」这种感觉差不多。
而在中国的很多领域,比如 IT(你看这就来了个缩写),大量的术语都是外来词,使用英文缩写也就非常常见了。

有趣的是,HTML、CSS、HTTP、FTP、UDP……说起这些缩写,你可能知道它们大概是什么含义,可是你能准确写出它们每一个的全称吗?

这种外来词,在很多中国人的脑海里已经渐渐丢失了英文缩写的概念,反而自成一词了。有多少人下意识得在脑海里划上了「HTML = 网页, FTP = 传文件的」这样的等号?

H-T-M-L,对于很多中国人来说念这个太辛苦了!「超文本标记语言」好像也不太好缩写(超文?超标?),既然 HTML 已经自成一词,那就继续缩写这个缩写吧!于是 H5 就这么应运而生了。

这货在老外那肯定行不通……就好像「电子商务平台」被简称为了「电台」,卧槽这不乱套了。可是在中国这就成了,大家听到 H5 第一反映得就是 HTML 5 ,没人会反映成 Heading 5 这种东西。

继续掰……

H5 最早的出处,现在已经很难说清了。
我之前以为都是运营啊、广告啊、做新媒体那群人比较爱说这个词,然后后来我在阿里时的团队是 前端 - H5 组……呃,不说什么了,大家看淘宝无线的域名,都是 http://h5.m.taobao.com/

不过这也无可厚非,现在几乎所有互联网从业人员嘴上都挂着这个词。我试着总结了一下,H5 基本可以代表这么几个意思:

# H5 使用手册(使用范围:中国)
  • 以微信营销为首的广告、活动类传播页
    • 高逼格叫法:互动营销
    • 惯用者:广告,新媒体人、互联网运营
  • 狂霸酷炫叼的桌面/响应式网页(模版)
    • 高逼格叫法:@优秀网页设计
    • 惯用者:外围设计师,甲方,“网页开发爱好者”,小白级微博主
  • 与 Native 开发相对应的使用 web 语言开发手机 App 的技术
    • 高逼格叫法:Mobile Web, Web App,Hybrid App
    • 惯用者:几乎已经是互联网行业共识。产品,Native 程序员
  • 近几年各种前端技术进化的总称……
    • 相关概念:SPA,NodeJS,CSS 3, ES 6 …
    • 惯用者:前端团队命名,前端招聘……
  • 与 Flash 技术相对应的在 PC 端实现大量多媒体交互的网页技术
    • 相关概念:Canvas,CSS 3,SVG,HTML5 Video
    • 惯用者:Flasher,甲方,设计师
  • 与 Flash, Unity3D 等技术相对应的网页游戏技术
    • 相关概念:Canvas,WebGL,ThreeJS
    • 惯用者:页游行业
  • 与 Cocos2D 等游戏开发技术对应的手机游戏开发技术
    • 相关概念:H5 手游,Canvas
    • 惯用者:手游行业
  • HTML 5 API,
    • 惯用者:前端工程师
  • 好吧你说什么就是什么
    • 惯用者:接外包/私活中的前端程序员


以上:
利益相关:前端工程师 Java8表示不服 好像很多人好奇这个问题,我再说下我的观点。

现在大众所说的“H5”和技术定义上的“HTML5”已经是两种东西了。

大众所说的H5是什么东西呢?它一般指的是包括以下三类特性的Web应用:
1、通过社交网络传播;
2、通过移动端体验;
3、轻功能而重体验的小品级应用。

也就是说,大众在谈到H5的时候,实际上指的往往是包括HTML5、CSS3、JavaScript这一系列技术中比较前沿的应用的“集合”。

事实上,从技术角度说,现在人们所关注的“H5”中,真正的HTML5特性反而比较少,更多的是CSS3的特性,以及JS的应用比较多,这其实也挺悖论的。

我和开发人员沟通时,其实真的很少会说“H5”甚至“HTML5”这样的术语——你从来没有听过有人把H3、H4挂在嘴上对吧,其实HTML就是HTML,就算增加了新特性,也不会变成一种全新的东西,对于专业人士而言,没有必要去更新术语体系。(当然他们也会用H5这样的词,但是实际上多数时候也是在大众使用的那个意义上使用的,指的就是某种产品形态,而非某种技术标准)

关于“我们谈论H5时,我们在谈论什么?”这个问题,刚好最近我在公司做过一个分享,当时用的演示如下:
当我们谈论H5时我们在谈论什么
(只能在PC端的现代浏览器中浏览)
希望对你有所帮助。修改 之前只听过html和html5。公司里的产品经理也好,工程师也好,大多直接说html或者 web page。管他是只用4还是用了5里新增的tags。

但是回国加入一些公司,发现他们(主要是不懂技术的人)普遍认为:只要是网页,或者移动适配的网页,就统称html5,管他是不是只用了html4的技术。有些口齿不伶的,说四个字母麻烦,灵机一动简称H5。于是各种简称齐飞,比如java后台里面的SSH。

不过话说回来,当说的人多了,你还不得不入乡随俗,不然别人说你不接地气,喜欢装b。其实美国亦然,当年英式英语被他们越说越歪,后来所有人入乡随俗,也干脆美其名曰为美语。 两年前供职外企的时候跟同事交流都是念HTML five,出去各大互联网公司面试,各大神都无意间提到H5,一开始惊恐+懵懂,以为是自己不知道的NB框架技术,后来恍然后顿时觉得国内大厂都好土啊!!!

但是现在,我真的就念H5,很顺口很简洁的说,为什么不?!但是你跟国外团队合作就最好说清楚了,避免不必要的麻烦。

有没有注意到我前面用到的“各大互联网公司”和后来用到的“国内大厂”,是不是后者还挺有爱挺简洁的。

我喜欢发明“H5”和“国内大厂”词汇的那些家伙。 这种事情应该去问es6,或者u3d。

其实我平时很少见这种说法,h5都是产品啊媒体啊宣传用的词。后端来说一般叫做“view”,管它h4还是h5。 照理说html5本身就是缩写,这样读是最正确的

不过你有没有好虑过胡建len的感受? 在那些母语是英语的国家,这是完全不能接受的(除非上下文中多次提及了HTML5,但肯定不是题主这类一句话的海报),为了尊重读者,他们往往会使用尽量标准无歧义的缩写——HTML5。
但在英语普及率比较低的国家,因为后天阅读量的限制,如果某人在某篇中文的技术文章中看到HTML5被缩写成了H5, 往往这是他小小的词汇库中第一次看到H5这样的缩写,所以不会觉得有什么问题,也不会觉得有什么混淆。所以谈不上对这类读者的冒犯。
所以,综上所述:
如果你的缩写可能会给外国人看,切记咱们是礼仪之邦,最好写HTML5。
如果你的缩写是给本土开发者看的,写成H5就行了。多了还会有拼写错误的危险。

( 以上都是我胡诌的 )
Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Mastering Microdata: A Step-by-Step Guide for HTML5Mastering Microdata: A Step-by-Step Guide for HTML5May 14, 2025 am 12:07 AM

MicrodatainHTML5enhancesSEOanduserexperiencebyprovidingstructureddatatosearchengines.1)Useitemscope,itemtype,anditempropattributestomarkupcontentlikeproductsorevents.2)TestmicrodatawithtoolslikeGoogle'sStructuredDataTestingTool.3)ConsiderusingJSON-LD

What's New in HTML5 Forms? Exploring the New Input TypesWhat's New in HTML5 Forms? Exploring the New Input TypesMay 13, 2025 pm 03:45 PM

HTML5introducesnewinputtypesthatenhanceuserexperience,simplifydevelopment,andimproveaccessibility.1)automaticallyvalidatesemailformat.2)optimizesformobilewithanumerickeypad.3)andsimplifydateandtimeinputs,reducingtheneedforcustomsolutions.

Understanding H5: The Meaning and SignificanceUnderstanding H5: The Meaning and SignificanceMay 11, 2025 am 12:19 AM

H5 is HTML5, the fifth version of HTML. HTML5 improves the expressiveness and interactivity of web pages, introduces new features such as semantic tags, multimedia support, offline storage and Canvas drawing, and promotes the development of Web technology.

H5: Accessibility and Web Standards ComplianceH5: Accessibility and Web Standards ComplianceMay 10, 2025 am 12:21 AM

Accessibility and compliance with network standards are essential to the website. 1) Accessibility ensures that all users have equal access to the website, 2) Network standards follow to improve accessibility and consistency of the website, 3) Accessibility requires the use of semantic HTML, keyboard navigation, color contrast and alternative text, 4) Following these principles is not only a moral and legal requirement, but also amplifying user base.

What is the H5 tag in HTML?What is the H5 tag in HTML?May 09, 2025 am 12:11 AM

The H5 tag in HTML is a fifth-level title that is used to tag smaller titles or sub-titles. 1) The H5 tag helps refine content hierarchy and improve readability and SEO. 2) Combined with CSS, you can customize the style to enhance the visual effect. 3) Use H5 tags reasonably to avoid abuse and ensure the logical content structure.

H5 Code: A Beginner's Guide to Web StructureH5 Code: A Beginner's Guide to Web StructureMay 08, 2025 am 12:15 AM

The methods of building a website in HTML5 include: 1. Use semantic tags to define the web page structure, such as, , etc.; 2. Embed multimedia content, use and tags; 3. Apply advanced functions such as form verification and local storage. Through these steps, you can create a modern web page with clear structure and rich features.

H5 Code Structure: Organizing Content for ReadabilityH5 Code Structure: Organizing Content for ReadabilityMay 07, 2025 am 12:06 AM

A reasonable H5 code structure allows the page to stand out among a lot of content. 1) Use semantic labels such as, etc. to organize content to make the structure clear. 2) Control the rendering effect of pages on different devices through CSS layout such as Flexbox or Grid. 3) Implement responsive design to ensure that the page adapts to different screen sizes.

H5 vs. Older HTML Versions: A ComparisonH5 vs. Older HTML Versions: A ComparisonMay 06, 2025 am 12:09 AM

The main differences between HTML5 (H5) and older versions of HTML include: 1) H5 introduces semantic tags, 2) supports multimedia content, and 3) provides offline storage functions. H5 enhances the functionality and expressiveness of web pages through new tags and APIs, such as and tags, improving user experience and SEO effects, but need to pay attention to compatibility issues.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function