WordPress开发中的HTML编码标准

今天给大家介绍下WORDPRESS官方给的HTML编码标准，如果你的主题插件要发展到WordPress官方库，那你就需要按照标准来执行，即便你不发布，你也应该了解这些标准。

验证

所有的HTML页面都应该对照W3C验证程序以确保标记的格式良好。这本身并不直接表明代码是好的，但是它有助于剔除那些可以通过自动化测试的问题。它不能代替手工代码审查。

单标签

所有标签必须正确关闭。对于成对出现的标签，大家习惯结束，不结束会报错。对于单标签的标记，正斜杠前面应该正好有一个空格:

<br /> 

斜杠之前需要有一个空格。

标签属性

所有的标签的属性必须用小写字母书写。此外，当属性值中的文本仅用于由机器解释时，属性值应该是小写的。对于需要人们阅读数据的情况，应该遵循正确的标题大写。

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<a href="http://example.com/" title="Description Here">Example.com</a> 

引用

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

<input type="text" name="email" disabled="disabled" />
<input type=text name=email disabled>  <!-- 这个不正确,没有使用引号，disabled没有值 --> 

缩进

和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; ?> 

以上就是常见的会出错的地方，小伙伴在写代码的时候要注意，虽然不按照上面的标准写，你的网页也可以正常运行，但是代码的可读性能会受到影响，同时如果你要提交给WordPress是不能被通过的。

阅读文章或者观看视频过程中有任何问题，请下方留言或者联系我Q248758228