Etiquetas HTML5 que no pueden pasar desapercibidas

Para comenzar, no sé si ya tienes instalado en tu navegador Chrome la extensión "HeadingsMap", si no es así, te recomiendo que lo instales porque así podrás ver el índice o mapa de la estructura de tu sitio Web.

https://chrome.google.com/webstore/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi?hl=en

Por ejemplo, en la siguiente imagen se muestra el índice de la página de la empresa "Casteret Grupo Explora" en la web de Turispain.com

Para que tu página Web tenga éste índice hay etiquetas de HTML5 que no pueden faltar en tu código:

<header>

La etiqueta <header> se utiliza para agregar los elementos de la cabecera de nuestra página (los h1-h6), así como los enlaces de navegación por nuestros sitio. Aunque puede ser cabecera de cualquier otro contenedor.

http://www.w3.org/TR/html-markup/header.html

<nav>

Permite incluir entre las etiquetas <nav></nav> nuestros enlaces de navegación, listas, etc. Ejemplo:

<nav>
  <a href="#">Enlace 1</a> |
  <a href="#">Enlace 2</a> |
</nav>

http://www.w3.org/TR/html-markup/nav.html

<main>

Nuestro código debe estar contenido entre las etiquetas <main></main> pero sólo se debe usar una vez por página.

Esta etiqueta hace referencia al contenido principal del body de nuestra página web y tienes que tener en cuenta que no puede ser hija de las etiquetas: header, nav, article, aside y footer.

http://www.w3schools.com/tags/tag_main.asp

<article>

Se puede utilizar cuando su contenido sea independiente del resto de contenido, es decir, que tenga significado propio, pudiendo ser reutilizable luego en otras páginas. Por ejemplo, un artículo de un periódico, el post en un foro, una entrada de un blog,etc.

Podemos incluir varios <article> en una página ya sea dentro de una <section> o fuera de ella.

http://www.w3.org/TR/html5/sections.html#the-article-element

<section>

Puede ser una temática dentro de un contenido, que guarda relación con este. Generalmente se incluye entre las etiquetas <section></section> el encabezado de una página (los h1-h6).

Una página web, por ejemplo, puede estar estructurada por las secciones: Introducción, Noticias e Información de Contacto.

http://www.w3.org/TR/html5/sections.html#the-section-element

<aside>

Esta etiqueta la utilizaremos para incluir el contenido secundario de nuestra página, es decir, las redes sociales, la publicidad, enlaces externos, etc. Siempre y cuando no utilicemos otra etiqueta adecuada a la situación, por ejemplo, si las redes sociales las incluyes en el pie de tu página entonces es mejor que utilices la etiqueta <footer>

http://www.w3.org/TR/html-markup/aside.html

<footer>

Como su nombre lo indica, se utiliza para el pie de página, donde incluiremos: el típico ¿Quiénes somos?, Contacta con nosotros, el Aviso legal y de privacidad de la empresa, el mapa de nuestra web...Ejemplo:

<footer>
    <ul>
        <li><a href="#">¿Quiénes somos?</a></li>
        <li><a href="#">Contacta con nosotros</a></li>
        <li><a href="#">Aviso Legal</a></li>
    </ul>   
</footer>   

http://www.w3.org/TR/html5/sections.html#the-footer-element

Etiquetas ó Estilos, ¿Cuál utilizar?

No existe un estándar sobre cuándo aplicar estilos o etiquetas HTML en nuestro código, lo que sí es cierto es que podemos sustituir el uso de algunas etiquetas por estilos CSS. Aunque antes de hacerlo tienes que pensar bien el uso que le quieras dar.

A continuación, les comento mi opinión al respecto.

Por ejemplo, imaginemos que queremos poner un texto en negrita. Ni se te ocurra utilizar la etiqueta <b> ya que las arañas de los motores de búsqueda al analizar tu página, considerarán que el texto entre las etiquetas <b> no es importante, cuando tu interés es darle importancia, seriedad y urgencia al contenido encerrado entre las etiquetas <b></b>.

<b>Texto en negrita</b>

Ahora bien, si la idea es destacar la importancia de un texto con respecto al texto general en el que está contenido, pues utiliza la etiqueta <strong> y de hecho, resulta más entendible por las arañas de los buscadores.

<strong>Texto en negrita </strong>

Ver: http://www.w3.org/TR/html5/text-level-semantics.html#the-strong-element

Por otra parte, si llevas la idea de separar el contenido del diseño, te recomiendo que utilices el estilo CSS para las negritas:

.bold { font-weight:bold; }

Ya que estás enfatizando la "apariencia" de ese texto.

<span class=”bold”>Texto en negrita</span>

Recuerda que HTML es sinónimo de Significado y CSS es sinónimo de Apariencia.

Ejemplo 2: <br/>, <p>, <section> 

Si utilizas párrafos en tu código, no te recomiendo que utilices <br/> para los saltos del línea, una forma de tener el código más organizado es emplear la etiqueta <p>

<p>Mi párrafo</p>

Sin embargo, si el contenido que quieres agrupar comparte la misma temática puedes utilizar la etiqueta <section>

Ver: http://www.w3.org/TR/html5/sections.html#the-section-element

Y en otros casos el uso de CSS en mi opinión sería lo más correcto, ya que como dije anteriormente, estamos hablando de apariencia de un texto lo que se traduce a interfaz de usuario. En nuestro ejemplo para definir los márgenes del texto sería:

<div class="margin-left-10 margin-bottom-10 margin-right-10">Mi párrafo</div>

Y en nuestro fichero css, definiríamos las clases:

.margin-left-10{margin-left: 10px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-right-10{margin-right: 10px;}

Ejemplo 3: <small>

La etiqueta <small> que se emplea para poner un texto con tamaño de fuente más pequeño. Sería interesante en vez de utilizar esta etiqueta, crearnos una clase en nuestro fichero css indicando el tamaño de la fuente de nuestro small, es decir,

En vez de utilizar: <small>Mi texto pequeño</small>

Tendríamos en nuestro css:

.smallFontSize{ font-size: 11px;}

Y luego lo utilizaríamos así:

<div class=".smallFontSize">Mi texto pequeño</div>

Y bueno, así con las demás etiquetas...todo es cuestión de analizar qué objetivo se quiere lograr con nuestro código y evidentemente, cada programador tiene su estilo propio.

SQL Server 2012 - Salto de la numeración de la Identidad

No sé si les ha pasado alguna vez pero a mí me pasó hoy este problema por eso les comento la solución por si les puede servir de ayuda.

Estaba insertando registros en mi BD en SQL Server 2012 y de repente hubo un salto en el incremento de los registros de mi columna especificada con Incremento de Identidad 1.

Como se puede observar en la imagen, hay un incremento de casi 1000 en la numeración.

Según estuve leyendo se debe a una posible actualización y reinicio del Windows Server 2012. 

https://connect.microsoft.com/SQLServer/feedback/details/739013/failover-or-restart-results-in-reseed-of-identity

Para solucionarlo abrimos el "Administrador de Configuración de SQL Server" y damos clic derecho en el nombre de nuestro Servicio y elegimos “Propiedades”.

En la opción de “Parámetros de Inicio” incluimos la bandera “-T272” (Trace Flag -T272) con lo que evitaremos estos saltos en la numeración.

Si nos sale un mensaje de advertencia, damos clic en OK y Reiniciamos el servicio de SQL Server.