为什么.Widget-Area不在.Site-Content下划线起始主题？

时间：2018-07-31 作者：Oleg

下划线初学者主题提供了特定的HTML结构：

div.site
    header#masthead.site-header

    div#content.site-content
        div#primary.content-area
            main#main.site-main
                /* Here goes either article or archive content */

    aside#secondary.widget-area
        section.widget /* Multiple widgets */

    footer#colophon.site-footer
Theaside#secondary.widget-area 似乎不合适。看起来应该在div#content.site-content, 作为兄弟姐妹div#primary.content-area.

下划线主题HTML是以这种特殊方式构造的，有什么具体原因吗？

1 个回复
最合适的回答,由SO网友:Oleg 整理而成

这个.widget-area 事实上IS 在…内.site-content.

任何想知道为什么的人.content-area 有一个<main> 子元素，而不是<main> 元素本身，下面是解释：

它允许CSS样式化，同时保留HTML5语义。也就是说，它允许更容易的负利润管理以及背景和其他样式(full explanation here).

结束
标签： theme-development   html   小码农  

相关推荐

防止在可视和HTML编辑器之间切换时更改标记

这个问题我已经问过好几次了，但没有一个解决方案对我有效。基本上，在TinyMCE和HTML编辑器之间切换时，我的标记会被破坏。我在页面上有一个嵌套列表，如下所示：<ul class=\"pageitem accordion-menu\"> <li class=\"accordion-menu\"><a class=\"accordion-child\" href=\"#\">Parent Link</a> <ul c