_s: Use `<main>` element for main content.

See: http://www.w3.org/TR/html51/grouping-content.html#the-main-element

Props @BFTrick for initial patch.
Fixes #222.
This commit is contained in:
obenland 2013-07-30 12:12:45 -07:00
parent 1f15c20995
commit 810e499b93
12 changed files with 22 additions and 21 deletions

View File

@ -7,8 +7,9 @@
get_header(); ?>
<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<main id="main" class="site-main" role="main">
<section class="error-404 not-found">
<header class="page-header">
@ -50,7 +51,7 @@ get_header(); ?>
</div><!-- .page-content -->
</section><!-- .error-404 -->
</div><!-- #content -->
</main><!-- #main -->
</div><!-- #primary -->
<?php get_footer(); ?>

View File

@ -10,7 +10,7 @@
get_header(); ?>
<section id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<main id="main" class="site-main" role="main">
<?php if ( have_posts() ) : ?>
@ -95,7 +95,7 @@ get_header(); ?>
<?php endif; ?>
</div><!-- #content -->
</main><!-- #main -->
</section><!-- #primary -->
<?php get_sidebar(); ?>

View File

@ -8,7 +8,7 @@
*/
?>
</div><!-- #main -->
</div><!-- #content -->
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="site-info">

View File

@ -35,4 +35,4 @@
</nav><!-- #site-navigation -->
</header><!-- #masthead -->
<div id="main" class="site-main">
<div id="content" class="site-content">

View File

@ -9,7 +9,7 @@ get_header();
?>
<div id="primary" class="content-area image-attachment">
<div id="content" class="site-content" role="main">
<main id="main" class="site-main" role="main">
<?php while ( have_posts() ) : the_post(); ?>
@ -88,7 +88,7 @@ get_header();
<?php endwhile; // end of the loop. ?>
</div><!-- #content -->
</main><!-- #main -->
</div><!-- #primary -->
<?php get_footer(); ?>

View File

@ -12,7 +12,7 @@
*/
function _s_jetpack_setup() {
add_theme_support( 'infinite-scroll', array(
'container' => 'content',
'container' => 'main',
'footer' => 'page',
) );
}

View File

@ -14,7 +14,7 @@
get_header(); ?>
<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<main id="main" class="site-main" role="main">
<?php if ( have_posts() ) : ?>
@ -39,7 +39,7 @@ get_header(); ?>
<?php endif; ?>
</div><!-- #content -->
</main><!-- #main -->
</div><!-- #primary -->
<?php get_sidebar(); ?>

View File

@ -8,10 +8,10 @@ Layout: Content-Sidebar
margin: 0 -25% 0 0;
width: 100%;
}
.site-content {
.site-main {
margin: 0 25% 0 0;
}
.site-main .widget-area {
.site-content .widget-area {
float: right;
overflow: hidden;
width: 25%;

View File

@ -8,10 +8,10 @@ Layout: Sidebar-Content
margin: 0 0 0 -25%;
width: 100%;
}
.site-content {
.site-main {
margin: 0 0 0 25%;
}
.site-main .widget-area {
.site-content .widget-area {
float: left;
overflow: hidden;
width: 25%;

View File

@ -13,7 +13,7 @@
get_header(); ?>
<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<main id="main" class="site-main" role="main">
<?php while ( have_posts() ) : the_post(); ?>
@ -27,7 +27,7 @@ get_header(); ?>
<?php endwhile; // end of the loop. ?>
</div><!-- #content -->
</main><!-- #main -->
</div><!-- #primary -->
<?php get_sidebar(); ?>

View File

@ -8,7 +8,7 @@
get_header(); ?>
<section id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<main id="main" class="site-main" role="main">
<?php if ( have_posts() ) : ?>
@ -31,7 +31,7 @@ get_header(); ?>
<?php endif; ?>
</div><!-- #content -->
</main><!-- #main -->
</section><!-- #primary -->
<?php get_sidebar(); ?>

View File

@ -8,7 +8,7 @@
get_header(); ?>
<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<main id="main" class="site-main" role="main">
<?php while ( have_posts() ) : the_post(); ?>
@ -24,7 +24,7 @@ get_header(); ?>
<?php endwhile; // end of the loop. ?>
</div><!-- #content -->
</main><!-- #main -->
</div><!-- #primary -->
<?php get_sidebar(); ?>