Foros del Web » Creando para Internet » HTML »

Diferencia entre blockquote y q

Estas en el tema de Diferencia entre blockquote y q en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/11/2015, 11:27
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 9 años, 7 meses
Puntos: 131
Diferencia entre blockquote y q

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
  1. <!DOCTYPE html>
  2. <html lang="es">
  3.     <meta charset="UTF-8">
  4.     <title>Cumpleaños XV Sarahi</title>
  5.     <link rel="stylesheet" href="/css/bootstrap.min.css" />
  6.     <link rel="stylesheet" href="/cumpleXV/css/style.css" />
  7. </head>
  8.     <header id="site-header" class="container">
  9.         <div class="row">
  10.             <div id="site-nav-open-container" class="col-xs-12">
  11.                 <span id="site-nav-open" class="glyphicon glyphicon-menu-hamburger"></span>
  12.             </div>
  13.         </div>
  14.     </header>
  15.  
  16.     <main id="site-main" role="main" class="container">
  17.         <div id="site-h1-container" class="row">
  18.             <h1 id="site-h1" class="col-xs-12">MIS XV SARAHI</h1>
  19.         </div>
  20.         <div class="row site-header-image-container">
  21.             <img class="site-header-image" src="pug.jpg" alt="Sarahi">
  22.         </div>
  23.         <div class="row">
  24.             <div class="col-xs-12">
  25.                 <blockquote id="salmo-container">
  26.                     <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>
  27.                 </blockquote>
  28.             </div>
  29.         </div>
  30.     </main>
  31.  
  32.  
  33.  
  34.     <div id="site-nav-container">
  35.         <div class="site-nav-rectangle"></div>
  36.         <div class="site-nav-rectangle"></div>
  37.         <div class="site-nav-rectangle"></div>
  38.         <div class="site-nav-rectangle"></div>
  39.         <div class="site-nav-rectangle"></div>
  40.         <div class="site-nav-rectangle"></div>
  41.         <div class="site-nav-rectangle"></div>
  42.         <div class="site-nav-rectangle"></div>
  43.         <div class="site-nav-rectangle"></div>
  44.         <div class="site-nav-rectangle"></div>
  45.         <div class="site-nav-rectangle"></div>
  46.         <div class="site-nav-rectangle"></div>
  47.         <div class="site-nav-rectangle"></div>
  48.         <div class="site-nav-rectangle"></div>
  49.         <div class="site-nav-rectangle"></div>
  50.         <div class="site-nav-rectangle"></div>
  51.         <span id="site-nav-close" class="glyphicon glyphicon-remove"></span>
  52.         <nav id="site-nav">
  53.             <ul class="middle">
  54.                 <li>Inicio</li>
  55.                 <li>Como Llegar</li>
  56.                 <li>Lista De Invitados</li>
  57.             </ul>
  58.         </nav>
  59.     </div>
  60. <script src="js/jquery.js"></script>
  61. <script src="js/script.js"></script>
  62. </body>
  63. </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

Etiquetas: css, diferencia, html5, todo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 15:01.