我有一个网站需要转换为HTML5。我需要建议，以及它是否可以真正转换为HTML5。将HTML4转换为HTML5网站的建议和注意事项。
请告诉我，我该如何开始？我应该开始使用HTML5代码来代替现有的HTML4吗？ 我需要稍后添加视频内容和图像卷轴。如果需要的话，我是否应该重新设计网站？我不认为这应该是一个问题。 此外，该网站与桌面/笔记本电脑以外的形式因素不友好。 无论如何需要HTML5的移动小型显示器，它都不能很好地工作。
不要犹豫或者想太多。在我采取重大措施之前，我需要知道你们的想法。我需要在一个月内做到这一点，我不能再浪费时间了。
我已经使用gimp制作本网站的图标，但是我不认为这些图标中的大部分都会与新代码一起使用。
此外，我应该为我的网站做一个设计原型在gimp。稍后我可以添加css/html5。你认为它值得额外的时间，还是应该使用现成的模板之一？
您不必使用GIMP设计一切从头开始，遵循此处描述的步骤：
http://www.w3schools.com/Html/html5_migration.asp
他们将引导您转换您现有的网站使用HTML 5
这是一个有用的链接穆罕默德。我建议gimp的原因是因为我可以制作一个更简单的模板，我可以添加HTML5/CSS3。我不知道编辑代码是否会更容易。我在想，如果我能做一个更简单的设计，然后努力让事情变得更简单，更容易管理。后来我还计划使用Django来整合和管理网站和内容。你怎么看，一个简单的重新设计是一个更明智的选择，或者编辑一个基于旧标准的过时模板是一个更聪明的选择？ –
是的，任何网站都可以在HTML5中转换。这是一个简单的过程，首先你必须将doctype从旧的更改为新的，这是很短的文档类型。请将您网站顶部的文档类型声明更改为以下内容。
<!DOCTYPE html>
元编码也是另一件事情，你需要从旧版本更改为最新的以下内容。
<meta charset="utf-8">
改变你的元编码后，现在看到所有的div并将它们改为语义div。过去我们主要使用div来分隔部分或设计我们的布局。现在尝试查看一些div是否具有特定含义，如页眉，页脚，文章，部分并相应地转换它们。只有剩余的div应该用于设计目的，但所有其他具有特定含义的应该转换为由HTML5提供的标签。 现在需要做的另一件事是导航，凡你看到导航请把它放在标签中，因为html5使用这个标签来指定链接列表。 当你做这一切有可能是旧的浏览器不会支持，以便支持回来使用添加Shiv一个JavaScript，带来这些特殊标签在以前的版本的HTML。现在改变你的CSS，因为你改变的所有div都需要在CSS中重新定义标签而不是div。
对于您的移动版本或大小的一部分，它不是HTML5，但它是关于CSS，你必须在CSS中使用媒体查询来定制不同大小的不同样式。媒体查询会让你知道显示器的尺寸是多少，并且你必须添加样式，并且改变一些大的部分以线性格式打破，以便在移动和菜单中获得完美的视图，并且添加一个按钮。
现在添加视频和其他媒体，但请记住，不同的视频格式由不同的浏览器支持，因此您必须提供多种格式以用于html5视频。也必须用于兼容性旧闪光灯。 GIMP你可以使用，如果你想重新设计或更改网站的设计，否则为HTML5我没有看到它的用法。
“请告诉我，我该如何开始？” - 意见的问题。 “我应该开始使用HTML5代码来代替现有的HTML4，我需要稍后添加视频内容和图像卷轴。” - 意见。 “我应该从头开始重新设计网站吗？” - 意见的问题。 “这对于移动小型显示器来说效果不佳，对于这种情况，无论如何都需要HTML5。” - 假设假设。 “另外，我应该为我的网站制作一个设计原型。” - 意见的问题。 – Quentin
由于HTML5与旧版本兼容，所以更改文档类型是工作的主要部分。然后你可以在http://validator.w3.org/上验证它，看看你是否有错误。如果可以的话，还可以尝试改变你的div的新语义版本（header，footer，nav，section，article，aside ...） –
Quentin我没有看到你的观点。是的，我对你的意见感兴趣。迈赫迪，谢谢。是的HTML5与旧版本兼容，但旧版本不能升级到更新的标准......我认为大多数Web开发人员甚至用户都知道，Chrome和Firefox都没有正确处理/呈现网页的严格一致性。移动设备上的情况也是如此。这是我认真对待HTML5的原因。然后你有视频对比闪光灯（互联网的影响）。 –