#HTML編碼標準 ## 驗證 所有HTML頁面都應該針對W3C驗證器進行驗證，以確保標記格式正確。這本身并不直接表示良好的代碼，但它有助于消除能夠通過自動化測試的問題。它不能替代手動代碼審查。 （對于其他驗證者，請參閱食典中的HTML驗證。） ## 自閉元素 所有標簽必須正確關閉。對于可以包裝節點（如文本或其他元素）的標簽，終止是一項瑣碎的任務。對于自動關閉的標簽，正斜杠應該有一個空格： `<br />` **不正確：** `<br/>` W3C指定單個空格應位于自動關閉斜杠（源）之前。 ## 屬性和標簽 所有標簽和屬性必須用小寫字母寫。另外，當其中的文本的目的僅由機器解釋時，屬性值應該是小寫的。對于數據需要人為可讀的情況，應遵循適當的標題大寫。 **對于機器：** ```html <meta http-equiv="content-type" content="text/html; charset=utf-8" /> ``` **對于人類：** ```html <a href="http://example.com/" title="Description Here">Example.com</a> ``` ## 屬性值 根據XHTML的W3C規范，所有屬性必須具有值，并且必須使用雙引號或單引號（源）。以下是引號和屬性/值對的適當和不正確使用的示例。 **正確:** ```html <input type="text" name="email" disabled="disabled" /> <input type='text' name='email' disabled='disabled' /> ``` **不正確:** ```html <input type=text name=email disabled> ``` 在HTML中，屬性并不都必須具有值，并且屬性值并不總是被引用。雖然上述所有示例都是有效的HTML，但無法引用屬性可能會導致安全漏洞。始終引用屬性。 ## 縮進 與PHP一樣，HTML縮進應始終反映邏輯結構。使用標簽，而不是空格。 將PHP和HTML混合在一起時，縮進PHP塊以匹配周圍的HTML代碼。關閉PHP塊應該與打開塊相同的縮進級別。 **正確:** ```php <?php if ( ! have_posts() ) : ?> <div id="post-1" class="post"> <h1 class="entry-title">Not Found</h1> <div class="entry-content"> <p>Apologies, but no results were found.</p> <?php get_search_form(); ?> </div> </div> <?php endif; ?> ``` **不正確:** ```php <?php if ( ! have_posts() ) : ?> <div id="post-0" class="post error404 not-found"> <h1 class="entry-title">Not Found</h1> <div class="entry-content"> <p>Apologies, but no results were found.</p> <?php get_search_form(); ?> </div> </div> <?php endif; ?> ```