首页 视频课程 主题开发课程第01章、开发准备 WordPress开发中的HTML编码标准

WordPress开发中的HTML编码标准

2022-12-12 / 383阅

今天给大家介绍下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

大家谈论
    我的见解
    目录