侧边栏的最佳HTML5标记

我设置我的WordPress边栏的HTML5主题,真的想使用before_widget和after_widget权利。

所以我的问题是这:两个标记模式中哪一个更合适?以下代码完全在< article>元件。

选项1:除了部分

<aside id="sidebar">
    <section id="widget_1"></section>
    <section id="widget_2"></section>
    <section id="widget_3"></section>
</aside>

选项2:与Asides的Div

<div id="sidebar">
    <aside id="widget_1"></aside>
    <aside id="widget_1"></aside >
    <aside id="widget_1"></aside >
</div>

我假设辅助问题是什么标题用于每个小部件标题。如果我把每个小部件包裹在<节>那么< h1>似乎最合适。如果我使用< aside&gt,我不确定。 欢迎所有意见。恶魔的鼓吹。

解决方法

首先,ASIDE仅用于表示与主要内容相关的内容,而不是用于通用侧边栏。第二,只为每个侧边栏

您将只有一个旁边的每个侧边栏。边栏的元素是div或部分在旁边。

我会选择1:除了部分

<aside id="sidebar">
    <section id="widget_1"></section>
    <section id="widget_2"></section>
    <section id="widget_3"></section>
</aside>

这里是规范https://www.w3.org/wiki/HTML/Elements/aside

再次使用节,只有他们有一个页眉或页脚在其他普通div

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码