HTML是前端開發的必備語言，通過簡單的語法和標簽組成，可以實現豐富的頁面效果。切換布局是頁面設計中常用的技巧，下面我們將介紹如何使用HTML實現切換布局。
//布局1的HTML代碼
以上代碼中，我們使用了兩個div來分別表示布局1和布局2，并使用了display:none來隱藏了布局2。當點擊按鈕時，toggleLayout函數會被觸發，通過改變各個布局的display屬性，使得兩個布局可以相互切換。
此外，我們也可以通過CSS的方式來實現切換布局，例如：
//布局1的HTML代碼//布局2的HTML代碼
以上代碼中，我們使用了CSS的class選擇器來控制布局的顯示和隱藏，并通過JS中classList的toggle方法來切換布局。這種方式與前一種方式相比，代碼更簡潔，且更加靈活方便。