将 HTML4 网站转换为 HTML5 网站的建议和注意事项。

Advice and considerations for converting HTML4 to HTML5 website.

我有一个网站需要转换为 HTML5。我需要建议,是否可以真正将其转换为 HTML5.

请告诉我,我应该如何开始?我是否应该开始使用 HTML5 代码来代替现有的 HTML4。 稍后我需要添加视频内容和图像滚动条。另外,如果需要,我应该从头开始重新设计网站吗?我不认为这应该是一个问题。 此外,该站点对 deskop/laptop 以外的外形因素不友好。 它不适用于移动小显示器,无论如何都需要 HTML5。

不要犹豫,也不要多想。在我迈出重要一步之前,我需要知道你们的想法。我需要在不到一个月的时间内完成,我不能再浪费时间了。

我已经使用 gimp 为这个网站制作了图标,但我认为新代码不需要太多这些图标。

另外,我是否应该在 gimp 中为我的网站制作一个设计原型。稍后我可以添加 css/html5。您认为值得花额外的时间还是我应该使用现成的模板之一?

您不必使用 GIMP 从头开始​​设计所有内容,请按照此处描述的步骤操作:

http://www.w3schools.com/Html/html5_migration.asp

他们将指导您将现有网站转换为使用 HTML 5

是的,任何网站都可以在 HTML5 中转换。这是一个简单的过程,首先你必须将文档类型从旧的更改为新的,这是非常短的文档类型。请将网站顶部的文档类型声明更改为以下内容。

<!DOCTYPE html>

元编码也是您需要从旧版本更改为最新版本的另一件事。

<meta charset="utf-8">

更改元编码后,现在查看所有 div 并将它们更改为语义 div。过去我们主要使用 div 来分隔部分或设计我们的布局。现在尝试查看某些 div 是否具有任何特定含义,如页眉、页脚、文章、部分,并相应地转换它们。只有剩余的 div 应该用于设计目的,但所有其他具有特定含义的应该转换为由 HTML5 提供的标签。 现在需要做的另一件事是 Nav,无论你在哪里看到导航,请将其放在标签中,因为 html5 使用此标签来指定链接列表。 当您执行所有这些操作时,旧浏览器可能不支持,因此要恢复支持,请使用添加 Shiv a javascript 将这些特殊标签带入以前版本的 html。现在更改您的 css,因为您更改的所有 div 也需要重新定义标签,而不是 css 中的 div。

至于你的移动版部分或尺寸不是HTML5而是CSS你必须在css中使用媒体查询为不同的自定义不同的样式尺寸。媒体查询会让你知道显示的大小,而不是你必须添加样式并进行更改一些大的部分以线性格式中断以在移动和菜单中提供完美的视图被删除并添加一个按钮。

现在添加视频和其他媒体,但请记住,不同的浏览器支持不同的视频格式,因此您必须提供多种格式才能在 html5 视频中使用。出于兼容性目的,还必须使用旧闪存。 如果您想重新设计或更改网站设计,可以使用 GIMP,否则 html5 我看不到它的用法。