我有一个网站需要转换为 HTML5。我需要建议以及它是否真的可以转换为 HTML5。
请告诉我，我应该如何开始？我是否应该开始使用 HTML5 代码来代替现有的 HTML4？ 稍后我需要添加视频内容和图像滚动条。另外，如果需要，我应该从头开始重新设计网站吗？我不认为这应该是一个问题。 此外，该站点对桌面/笔记本电脑以外的外形因素不友好。 它不适用于移动小显示器，在这种情况下无论如何都需要 HTML5。
不要犹豫，也不要多想。在我迈出重要一步之前，我需要知道你们的想法。我需要在不到一个月的时间内完成这项工作，我不能再浪费时间了。
我已经使用 gimp 为这个网站制作图标，但我认为新代码不需要太多这些图标。
另外，我是否应该在 gimp 中为我的网站制作一个设计原型(prototype)。稍后我可以添加 css/html5。您认为值得花额外的时间还是我应该使用现成的模板之一？
最佳答案
是的，任何网站都可以转换为 HTML5。这是一个简单的过程，首先你必须将文档类型从旧的更改为新的，这是非常短的文档类型。请将网站顶部的文档类型声明更改为以下内容。
<!DOCTYPE html>
元编码也是您需要从旧版本更改为最新版本的另一件事。
<meta charset="utf-8">
更改元编码后，现在可以查看所有 div 并将它们更改为语义 div。过去我们主要使用 div 来分隔部分或设计我们的布局。现在尝试查看某些 div 是否具有任何特定含义，如页眉、页脚、文章、部分，并相应地转换它们。只有剩下的 div 应该用于设计目的，所有其他具有特定含义的应该转换为 HTML5 提供的标签。 现在需要做的另一件事是导航，无论你在哪里看到导航，请把它放在标签中，因为 html5 使用这个标签来指定链接列表。 当您执行所有这些操作时，旧浏览器可能不支持，因此要恢复支持，请使用添加 Shiv 的 javascript，在以前版本的 html 中引入这些特殊标签。现在更改您的 css，因为您更改的所有 div 都需要重新定义标签而不是 css 中的 div。
至于您的移动版本或大小调整部分不是 HTML5 而是关于 CSS 的，您必须在 css 中使用媒体查询来为不同的大小自定义不同的样式。媒体查询会让你知道显示的大小，而不是你必须添加样式并进行更改一些大的部分以线性格式中断以在移动和菜单中提供完美的 View 被删除并添加一个按钮。
现在添加视频和其他媒体，但请记住，不同的浏览器支持不同的视频格式，因此您必须提供多种格式才能在 html5 视频中使用。出于兼容性目的，还必须使用旧闪存。 如果您想重新设计或更改网站设计，则可以使用 GIMP，否则对于 html5 我看不到它的用法。
关于javascript - 将 HTML4 转换为 HTML5 网站的建议和注意事项。，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30050487/