Genesis Visual Markup Guide

Show XHTML markup structureShow HTML5 markup structure

<div class="site-container">

<div id="#wrap">

<header class="site-header">

<div id="#header">

<div class="title-area">

<div id="#title-area">

<h1 class="site-title">

<h1 id="#title">

<h2 class="site-description">

<p id="#description">

<aside class="header-widget-area">

<div class="header-widget-area">

<section class="widget">

<div class="widget">

<section class="widget">

<div class="widget">

<nav class="nav-primary">

<div id="nav">

<ul class="menu genesis-nav-menu menu-primary">

<ul class="menu genesis-nav-menu menu-primary">

<nav class="nav-secondary">

<div id="subnav">

<ul class="menu genesis-nav-menu menu-secondary">

<ul class="menu genesis-nav-menu menu-secondary">

<div class="site-inner">

<div id="inner">

<div class="content-sidebar-wrap">

<div id="content-sidebar-wrap">

<main class="content">

<div id="content">

<article class="entry">

<div class="entry hentry">

<header class="entry-header">

<h1 class="entry-title">

<div class="entry-meta">

<div class="entry-title">

<div class="post-info">

<div class="entry-content">

<div class="entry-content">

<footer class="entry-footer">

<div class="entry-meta">

<div class="post-meta">

<div class="entry-comments" id="comments">

<div id="comments">

<div id="respond" class="comment-respond">

<div id="#respond">

<aside class="sidebar sidebar-primary">

<div id="sidebar" class="sidebar">

<section class="widget">

<div class="widget">

<section class="widget">

<div class="widget">

<aside class="sidebar sidebar-secondary">

<div id="sidebar-alt" class="sidebar">

<section class="widget">

<div class="widget">

<section class="widget">

<div class="widget">

<footer class="site-footer">

<div id="footer">

Genesis Visual Markup Guide by Nathan Rice.