HTML 程式碼時遵循的一些原則:
-
語義化標籤: 我會盡量使用語義化的 HTML5 標籤 (例如
<article>
,<aside>
,<nav>
,<header>
,<footer>
等),而不是僅僅依賴<div>
和<span>
。這樣可以提高程式碼的可讀性和可訪問性,也對 SEO 更友好。 -
結構清晰: 我會使用適當的縮排和換行來保持程式碼的清晰結構,通常採用兩個或四個空格的縮排。
-
屬性順序: 我會盡量保持 HTML 屬性的順序一致,例如
id
,class
,src
,alt
等。 -
註釋: 根據需要,我會新增註釋來解釋程式碼的用途和邏輯,尤其是在複雜的程式碼片段中。
-
遵循標準: 我會遵循 W3C 的 HTML 標準,生成有效的 HTML 程式碼。
-
CSS 和 JavaScript 的分離: 我會盡量將 HTML、CSS 和 JavaScript 分離,以提高程式碼的可維護性。 如果你要求我生成一個完整的網頁,我會將 CSS 放在
<style>
標籤中或單獨的 CSS 檔案中,JavaScript 放在<script>
標籤中或單獨的 JS 檔案中。 -
可訪問性: 我會考慮程式碼的可訪問性,例如使用
alt
屬性描述圖片,使用語義化標籤等。 -
響應式設計: 如果需要,我會生成響應式設計的 HTML 程式碼,以便在不同裝置上都能良好顯示。
總而言之,HTML 程式碼的目標是:
- 有效: 符合 HTML 標準。
- 可讀: 易於理解和維護。
- 可訪問: 儘可能讓更多使用者訪問。
- 語義化: 使用合適的標籤表達內容的含義。