Implementing basic HTML5 semantic markup

Author: betweenbrain

components/com_content/views/featured/tmpl/default.php

@@ -16,39 +16,37 @@
 // If the page class is defined, add to class as suffix.
 // It will be a separate class if the user starts it with a space
 ?>
-<div class="blog-featured<?php echo $this->pageclass_sfx;?>">
+<section class="blog-featured<?php echo $this->pageclass_sfx;?>">
 <?php if ($this->params->get('show_page_heading') != 0) : ?>
-<div class="page-header">
-	<h1>
-	<?php echo $this->escape($this->params->get('page_heading')); ?>
-	</h1>
-</div>
+
+<h1 class="page-header">
+<?php echo $this->escape($this->params->get('page_heading')); ?>
+</h1>
+
 <?php endif; ?>
 
 <?php $leadingcount = 0; ?>
 <?php if (!empty($this->lead_items)) : ?>
-<div class="items-leading">
+<section class="items-leading clearfix">
 	<?php foreach ($this->lead_items as &$item) : ?>
-		<div class="leading-<?php echo $leadingcount; ?><?php echo $item->state == 0 ? ' system-unpublished' : null; ?>">
+		<article class="leading-<?php echo $leadingcount; ?><?php echo $item->state == 0 ? ' system-unpublished' : null; ?>">
 			<?php
 				$this->item = &$item;
 				echo $this->loadTemplate('item');
 			?>
-		</div>
-		<div class="clearfix"></div>
-		<hr class="divider-vertical" />
+		</article>
 		<?php
 			$leadingcount++;
 		?>
 	<?php endforeach; ?>
-</div>
-<div class="clearfix"></div>
+</section>
 <?php endif; ?>
 <?php
 	$introcount = (count($this->intro_items));
 	$counter = 0;
 ?>
 <?php if (!empty($this->intro_items)) : ?>
+<section class="items-intro">
 	<?php foreach ($this->intro_items as $key => &$item) : ?>
 
 		<?php
@@ -60,40 +58,39 @@
 
 		<div class="items-row cols-<?php echo (int) $this->columns;?> <?php echo 'row-'.$row; ?> row-fluid">
 		<?php endif; ?>
-			<div class="item column-<?php echo $rowcount;?><?php echo $item->state == 0 ? ' system-unpublished' : null; ?> span<?php echo round((12 / $this->columns));?>">
+			<article class="item column-<?php echo $rowcount;?><?php echo $item->state == 0 ? ' system-unpublished' : null; ?> span<?php echo round((12 / $this->columns));?>">
 			<?php
 					$this->item = &$item;
 					echo $this->loadTemplate('item');
 			?>
-			</div>
+			</article>
 			<?php $counter++; ?>
 
 			<?php if (($rowcount == $this->columns) or ($counter == $introcount)): ?>
 
 		</div>
-		<hr class="divider-vertical" />
 		<?php endif; ?>
 
 	<?php endforeach; ?>
+</section>
 <?php endif; ?>
 
 <?php if (!empty($this->link_items)) : ?>
 	<div class="items-more">
 	<?php echo $this->loadTemplate('links'); ?>
 	</div>
-	<hr class="divider-vertical" />
 <?php endif; ?>
 
 <?php if ($this->params->def('show_pagination', 2) == 1  || ($this->params->get('show_pagination') == 2 && $this->pagination->pagesTotal > 1)) : ?>
-	<div class="pagination">
+	<nav class="pagination">
 
 		<?php if ($this->params->def('show_pagination_results', 1)) : ?>
 			<p class="counter pull-right">
 				<?php echo $this->pagination->getPagesCounter(); ?>
 			</p>
 		<?php  endif; ?>
 				<?php echo $this->pagination->getPagesLinks(); ?>
-	</div>
+	</nav>
 <?php endif; ?>
 
-</div>
+</section>