Diferencia entre blockquote y q

hackjose · #1 (**permalink**) 20/11/2015, 11:27

Buenos dias

Estoy haciendo unas invitaciones y bueno a la hora de citar un texto no supe que elegir, si <blockquote> o <q>

Ya que actualmente son muy muy parecidas

Documentacion blockquote

Documentacion q

Las unicas 2 diferencias que veo son

1.- El tipo de contenido que pueden tener, <q> Phrasing content y <blockquote> Flow content

2.- q puede citar contenidos ficticios y blockquote puede citar textos desde la misma pagina(como cuando citamos aqui en fdw)

Estoy citando Salmos 103:1

Aqui esta el codigo

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Cumpleaños XV Sarahi</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/cumpleXV/css/style.css" />
</head>
<body>
    <header id="site-header" class="container">
        <div class="row">
            <div id="site-nav-open-container" class="col-xs-12">
                <span id="site-nav-open" class="glyphicon glyphicon-menu-hamburger"></span>
            </div>
        </div>
    </header>
 
    <main id="site-main" role="main" class="container">
        <div id="site-h1-container" class="row">
            <h1 id="site-h1" class="col-xs-12">MIS XV SARAHI</h1>
        </div>
        <div class="row site-header-image-container">
            <img class="site-header-image" src="pug.jpg" alt="Sarahi">
        </div>
        <div class="row">
            <div class="col-xs-12">
                <blockquote id="salmo-container">
                    <p id="salmo" class="site-p">Bendice, alma mía, a Jehová, Y bendiga todo mi ser su santo nombre. | <cite>Salmos 103:1</cite></p>
                </blockquote>
            </div>
        </div>
    </main>
 
 
 
    <div id="site-nav-container">
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <div class="site-nav-rectangle"></div>
        <span id="site-nav-close" class="glyphicon glyphicon-remove"></span>
        <nav id="site-nav">
            <ul class="middle">
                <li>Inicio</li>
                <li>Como Llegar</li>
                <li>Lista De Invitados</li>
            </ul>
        </nav>
    </div>
<script src="js/jquery.js"></script>
<script src="js/script.js"></script>
</body>
</html>

Que opinan del uso que le di al elemento <cite>? la documentacion dice que es una referencia a un trabajo creativo, y que idealmente debe contener el nombre del trabajo o el autor

Hasta donde entiendo solo deberia poner el nombre del trabajo que en este caso seria El Libro de Salmos, pero viendolo como atribucion pienso que esta bien como lo puse