侧边栏的最佳HTML5标记

前端之家收集整理的这篇文章主要介绍了侧边栏的最佳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相关文章