我有一個網站需要轉換爲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的原因。然後你有視頻對比閃光燈（互聯網的影響）。 –