blocks|key|2588380|text|如果你做的是LOB的事情，而不是太花哨的图形-wize，那么最大的改变可能就是使用HTML5文档类型标签：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2588381|<!DOCTYPE+html>|code-block|syntax|javascript|2588382|即使在不直接支持HTML5的浏览器上(例如IE7)，这也会被解释为有效的DOCTYPE，并且浏览器会停留在“标准”模式。所以作为一个起点，这可能是你能做的最简单的事情了。|2588383|然后，您可以开始查看HTML5带到表中的一些附加属性等。目前对HTML5+forms的支持非常缺乏(主要是Chrome/Safari/WebKit和Opera支持它们中的大多数)，但添加它们并没有坏处(它们是向后兼容的)。|offset|length|2588384|entityMap|0|LINK|mutability|MUTABLE|url|http://diveintohtml5.info/forms.html^0|0|0|0|V|B|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

If you're doing LOB stuff and nothing too fancy graphics-wize, then probably the biggest change would simply be using the HTML5 doctype tag:

<pre><code>&lt;!DOCTYPE html&gt;
</code></pre>

Even on browsers that don't support HTML5 directly (e.g. IE7) this is interpreted as a valid DOCTYPE and the browser stays in "standards" mode. So as a starting point, that's probably the simplest you can do.

Then you can start looking at some of the additional attributes and so on that HTML5 brings to the table. Support for <a href="http://diveintohtml5.info/forms.html" rel="nofollow noreferrer">HTML5 forms</a> is quite lacking at the moment (mostly it's just Chrome/Safari/WebKit and Opera that supports most of them) but it doesn't hurt adding them (they're backwards compatible).

blocks|key|2588518|text|您不需要突然开始实现HTML5。该规范仍在不断变化，预计在相当长的一段时间内不会完全完成。此外，浏览器支持还没有完全到位。也就是说，今天你可以做一些事情：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2588519|2588520|使用新的doctype，所有的浏览器都应该支持它|unordered-list-item|2588521|Structural--+article、section、nav等等。我喜欢这些文档类型，因为它们提供了比通用div更多的语义。为了兼容Internet+Explorer，请使用HTML5+shiv脚本。更新样式表，为这些元素提供display:+block.|offset|length|style|CODE|2588522|New表单元素。不完全支持，但用于向后返回compatible.|2588523|audio和video元素-它们为较旧的浏览器提供后备功能。|2588524|2588525|entityMap|0|LINK|mutability|MUTABLE|url|http://remysharp.com/2009/01/07/html5-enabling-script/^0|0|0|0|D|7|L|7|T|3|1J|3|37|E|2H|A|0|0|0|0|5|6|5|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|10|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|11|8|@$H|12|I|13|J|K]|$H|14|I|15|J|K]|$H|16|I|17|J|K]|$H|18|I|19|J|K]|$H|1A|I|1B|J|K]]|9|@$H|1C|I|1D|1|1E]]|A|$]]|$1|L|3|M|5|E|7|1F|8|@]|9|@]|A|$]]|$1|N|3|O|5|E|7|1G|8|@$H|1H|I|1I|J|K]|$H|1J|I|1K|J|K]]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

You don't need to start implementing HTML5 all of a sudden. The spec is still in flux, and is not expected to be fully complete for quite some time. Additionally, browser support is not all there yet. That said, there are things you can do today:

<ul>
<li>Use the new doctype, all browsers should support it</li>
<li>Structural elements - <code>article</code>, <code>section</code>, <code>nav</code>, etc. I like these because they provide additional semantics over the generic <code>div</code>. Use the <a href="http://remysharp.com/2009/01/07/html5-enabling-script/" rel="nofollow noreferrer">HTML5 shiv</a> script for Internet Explorer compatibility. Update your style sheet to give these elements <code>display: block</code>.</li>
<li>New form elements. Not fully supported, but are intended to be backwards compatible.</li>
<li><code>audio</code> and <code>video</code> elements - they provide fallbacks for older browsers.</li>
</ul>

blocks|key|2588539|text|我觉得你想要Differences+between+HTML5+and+HTML+4|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2588540|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/2010/WD-html5-diff-20100624/^0|6|10|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I think you want <a href="http://www.w3.org/TR/2010/WD-html5-diff-20100624/" rel="nofollow noreferrer">Differences between HTML5 and HTML 4</a>

blocks|key|3996699|text|这是我为Dr.+Dobbs杂志写的an+overview+of+HTML5+"Family"+technologies。对于基本理解"HTML5“来说，这是一个很好的起点，它更像是处于不同完成阶段的一系列规范，而不是一个单独的文档。大多数人所说的"HTML5“其实就是CSS3，而今天它只适用于最新一代的移动浏览器以及Chrome、Safari和Opera.|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3996700|entityMap|0|LINK|mutability|MUTABLE|url|http://www.drdobbs.com/article/printableArticle.jhtml;jsessionid=PMMGIB0KC4WLHQE1GHRSKH4ATMY32JVN?articleId=225300318^0|H|16|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

This is <a href="http://www.drdobbs.com/article/printableArticle.jhtml;jsessionid=PMMGIB0KC4WLHQE1GHRSKH4ATMY32JVN?articleId=225300318" rel="nofollow noreferrer">an overview of HTML5 "Family" technologies</a> that I wrote for Dr Dobbs magazine. It's a good place to start for a basic understanding of "HTML5" which is more of a constellation of specs in various stages of completion rather than a single document. Most of what people point to as "HTML5" is really CSS3, and today that's really only working on latest gen mobile browsers as well as Chrome, Safari &amp; Opera.

blocks|key|2588435|text|你还有呼吸的空间，直到每个人都要求你这样做。在技术世界也许是这样，但普通大众和大公司仍然对HTML5一无所知，他们不会知道或关心其中的区别，直到一些网站利用了HTML5的特性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2588436|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You still have room to breathe until everyone will be demanding them. In the tech world maybe, but the general population and major corporations still don't have much of a clue about HTML 5. They won't know or care about the difference until a number of sites leverage HTML 5's features.

blocks|key|3996497|text|最大的增加可能是<canvas>标签。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3996498|来自维基百科的|3996499|：“画布元素是HTML5的一部分，允许对2D形状和位图图像进行动态的、脚本化的渲染。它是一个低级的过程化模型，用于更新位图，并且没有内置的场景图。”|blockquote|3996500|3996501|http://en.wikipedia.org/wiki/Canvas_element|3996502|3996503|这让你可以做一些像游戏一样的事情，否则需要Flash。|3996504|此外，这里有一篇文章讨论了HTML5和HTML4之间的许多区别。|3996505|http://www.w3.org/TR/2008/WD-html5-diff-20080610/|3996506|entityMap|0|LINK|mutability|MUTABLE|url|1^0|8|8|0|0|0|0|0|17|0|0|0|0|0|0|1D|1|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|16|8|@]|D|@]|E|$]]|$1|K|3|-4|5|6|7|17|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|18|8|@]|D|@$9|19|A|1A|1|1B]]|E|$]]|$1|N|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|1D|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1E|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1F|8|@]|D|@$9|1G|A|1H|1|1I]]|E|$]]|$1|U|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|M]]|11|$5|X|Y|Z|E|$10|T]]]]

The biggest addition is probably the <code>&lt;canvas&gt;</code> tag.
<blockquote>
From Wikipedia: &quot;The canvas element is part of HTML5 and allows for dynamic, scriptable rendering of 2D shapes and bitmap images. It is a low level, procedural model that updates a bit map and does not have a built in scene graph.&quot;
<a href="http://en.wikipedia.org/wiki/Canvas_element" rel="nofollow noreferrer">http://en.wikipedia.org/wiki/Canvas_element</a>
</blockquote>
This allows you to do things like games that would otherwise require Flash.
In addition, here is an article that discusses a lot of the differences between HTML5 and HTML 4.
<a href="http://www.w3.org/TR/2008/WD-html5-diff-20080610/" rel="nofollow noreferrer">http://www.w3.org/TR/2008/WD-html5-diff-20080610/</a>

I have been reading a lot about HTML 5 and some of the changes that it offers. It seems though that for most of my needs (LOB apps) it really wouldn't have that big of impact. But recently I had a designer friend of mine tell me that I need to start building everything in HTML 5 because that is what everyone is wanting now.

Can someone give me some good articles or point me in the right direction to really understand what HTML 5 offers me vs HTML 4?

HTML 4 vs HTML 5

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我读了很多关于HTML5和它提供的一些变化。但似乎对我的大多数需求(LOB应用程序)来说，它真的不会有那么大的影响。但最近，我的一位设计师朋友告诉我，我需要开始使用HTML5构建一切，因为这是每个人现在都想要的。有没有人能给我一些好的文章或者给我指出正确的方向，让我真正理解HTML5和HTML4的区别？

问HTML4与HTML5
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML4与HTML5EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML4与HTML5
EN