1. 主题阁汉化首页
  2. 教程
  3. 开发教程

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

 

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布,如若转载,请注明出处:https://themege.net/6075.html。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

发表评论

登录后才能评论
联系我们

联系我们

在线咨询:点击这里给我发消息

邮件:themege@163.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信
关注微信
分享本页
返回顶部