Criar visualização de guia sem JavaScript

Com o uso inteligente de HTML e CSS, você pode criar uma visualização de guia sem JavaScript:

http://blog.ponyfoo.com/2013/10/18/your-tab-views-suck

O problema com isso é que você não pode estilizar o rótulo da guia ativa com CSS puro. Isso é remediado com algumas linhas de JS:

window.onload = function(){
    var labels = Array.prototype.slice.call(document.querySelectorAll( '.tab-label' ));

    labels.forEach(function( label ){
        label.onclick = function(){
            labels.forEach(function( l ){
                l.classList.remove( 'active' );
            });
            label.classList.add( 'active' );
        }
    });  

    labels[0].classList.add( 'active' );        
}