WordPress开发编码规范——HTML编码标准

HTML

验证

所有HTML页面都应通过W3C验证器进行验证，以确保标记格式正确。这本身并不能直接表示良好的代码，但是可以帮助清除可以通过自动化进行测试的问题。它不能代替手动代码审查。（有关其他验证器，请参见HTML验证。）

自动关闭元素

所有标签必须正确关闭。对于可以包装诸如文本或其他元素之类的节点的标签，终止是一项微不足道的任务。对于自动关闭的标签，正斜杠前应正好有一个空格：

<br />

而不是紧凑但不正确的：

<br/>

W3C指定在自闭斜杠（source）之前应加一个空格。

属性和标签

所有标签和属性必须用小写字母书写。此外，当其中文本的用途仅由机器解释时，属性值应小写。对于需要人类可读数据的情况，应遵循适当的标题大写。

对于机器：

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

对于人类：

<a href="http://example.com/" title="Description Here">Example.com</a>

引号

根据XHTML的W3C规范，所有属性都必须具有值，并且必须使用双引号或单引号（source）。以下是正确和不正确使用引号和属性/值对的示例。

正确：

<input type="text" name="email" disabled="disabled" />
<input type='text' name='email' disabled='disabled' />

不正确：

<input type=text name=email disabled>

在HTML中，属性不必全部都具有值，并且属性值不一定总是必须用引号引起来。尽管上面的所有示例都是有效的HTML，但未能引用属性会导致安全漏洞。始终引用属性。

缩进

与PHP一样，HTML缩进应始终反映逻辑结构。使用制表符而不是空格。

将PHP和HTML混合在一起时，缩进PHP块以匹配周围的HTML代码。关闭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 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; ?>