html5引入了一系列出色的新功能和简单的选项。很快它将得到当今使用的大多数浏览器的全面支持。最终每个人都必须将wordpress主题从xhtml转换为html5。在google的熊猫更新之后,您的网站需要更清晰、更易于阅读的代码才能在google上获得更好的排名。我将教您如何将主题从xhtml转换为html5。我们还将照顾禁用javascript的2%的互联网用户(为了向后兼容)。
我们的目标
在本教程中,我们将集中精力将WordPress主题从XHTML转换为HTML5。我们将逐步通过下面列出的文件了解更改(这些文件位于您的主题文件夹中,即wp-content/themes/yourtheme/here!)
- header.php
- index.php
- sidebar.php:
- footer.php
- single.php(可选)
基本HTML5布局
让我们看一下我们将要构建的基本HTML5布局。HTML5不仅仅是代码开头的文档类型。几个新引入的元素帮助我们以更少的标记以有效的方式设计样式和编码(这就是HTML5更好的原因之一)。
<!DOCTYPEhtml><htmllang="en"><head><title>TITLE|Slogan!</title></head><body><navrole="navigation"></nav><!--Endingheader.php--><!--Beginindex.php--><sectionid="content"><articlerole="main"><h1>TitleoftheArticle</h1><timedatetime="YYYY-MM-DD"></time><p>Someloremispumtextofyourpostgoeshere.</p><p>Thearticle'stextends.</p><p><span>立即学习</span>“<ahref="https://pan.quark.cn/s/cb6835dc7db1"style="text-decoration:underline!important;color:blue;font-weight:bolder;"rel="nofollow"target="_blank">前端免费学习笔记(深入)</a>”;</p></article><asiderole="sidebar"><h2>SomeWidgetinTheSidebar</h2></aside></section><!--Endingindex.php--><!--beginfooter.php--><footerrole="foottext"><small>SomeCopyrightinfo</small></footer></body></html>