Buenas pr cticas de maquetacion en HTML
Páginas: 6 (1474 palabras)
Publicado: 2 de junio de 2015
Buenas prácticas de maquetación en HTML
Una buena maquetación es fundamental para obtener un diseño elegante, compatible con todos
los navegadores y que cumpla las normas de accesibilidad establecidas. Un buen diseño ayudará
a hacer tu página web más rápida y fácil de encontrar en los buscadores de Internet. La
maquetación es el plano inicial en base al cual se montará toda tu página y debemosprestarle
especial atención. En este artículo te dejo algunas buenas prácticas a seguir.
1. Lo primero es declarar un doctype. La declaración de un “Doctype” deberá localizarse al
inicio del código HTML.
Es importante señalar que en la declaración del doctype NO debe haber NINGÚN espacio en
blanco ni cambio de línea ANTES , la mayoría de los navegadores saben arreglárselas, pero en
IE8 provocará“misteriosos comportamientos”.
2. Encoding: La razón por la que se hace uso de los “á” es que la página no define su
encoding, debe estar en UTF-8, y especificar el meta para el encoding, de modo que no haya
ninguna necesidad de utilizar HTML entities para las tildes y caracteres raros.
3. Usa etiquetas de ‘Título’ con significado. Lo que introducimos en la etiqueta es lo que<br />
Googleutiliza para su lista de resultados.<br />
4. Usa metaetiquetas descriptivas. Las metaetiquetas descriptivas ayudan a que los robots de<br />
los buscadores obtengan mayor información acerca de las páginas.<br />
La Metaetiqueta “Description” : Esta metaetiqueta describe el propósito principal de una<br />
página. Deberá ser diferente en cada página o sección. Google también utiliza el contenido de<br />
ésta y lo muestra en losresultados de búsqueda.<br />
Para no saturar las descripciones es mejor que incluyas contenido conciso que atraiga a tus<br />
potenciales visitantes.<br />
Metaetiqueta “keywords• (palabras clave)<br />
Esta metaetiqueta incluye palabras separadas por comas que son relevantes al contenido de la<br />
página y al igual que la metaetiqueta “description•, debe ser concisa y directa.<br />
5. Utiliza divs “<div>” para maquetar y dividirtu contenido en zonas o secciones<br />
El primer paso que debes tener en cuenta es dividir el contenido de la página en secciones<br />
principales para organizar la información de la misma. Con esto garantizarás un contenido<br />
ordenado y con una buena arquitectura de la información.<br />
6. Por regla general NO utilizar tablas, A MENOS que se trate de información tabulada,<br />
pues si la naturaleza de la informaciónes una relación de datos tabulados, entonces nada mejor<br />
que una tabla para representarla (ej: tablas comparativas, desgloses, una relación de elementos<br />
con sus respectivas propiedades, etc).<br />
incorrecto: que el marco del sitio sea una tabla que lo envuelve todo para darle estructura<br />
correcto: que una tabla con “info tabulada” forme “parte” del cuerpo de un contenido(ej:http://en.wikipedia.org/wiki/Comparison_of_web_application_frameworks ohttp://drupal.org/pr<br />
oject/usage/drupal).<br />
<br />
7. SEO: cabecera y logos como imágenes son anti-SEO, se deben utilizar trucos para<br />
representar textos (aunque estén ocultos bajo las imágenes) y en cualquier caso los “alt” y “title”<br />
de esas imágenes son bastante importante.<br />
8. Separa el contenido de la página HTML del estilo con que se muestra<br />
El código HTMLcontendrá la información, el código CSS el estilo y la manera en que se<br />
presenta. Siempre hay que usar estilos separados y no dentro de la página HTML. Así el código<br />
será más limpio y permitirá modificaciones de manera más eficaz.<br />
9. Intenta unificar todos los estilos en una sola hoja de estilos<br />
Cada archivo implica una solicitud HTTP, lo cual hace que el tiempo de carga de la página sea<br />
más lento.Cuando son muchos CSS para IE se utiliza el “@import”, que permite entonces exceder el límite<br />
de 30, pero mucho mejor es utilizar un framework que permita “agregar” los ficheros CSS y JS en<br />
un único fichero para CSS y un único fichero para JS (lo cual resuelve el problema de las<br />
descargas paralelas).<br />
10. Intenta tener la menor cantidad de ficheros externos de JavaScript<br />
No es recomendable... <div class="paper-body__gradient paper-body__gradient--bottom paper-body__gradient--bottom-abs"></div>
<div class="center paper-body__cta--mod paper-body__cta-no-bg">
<a class="button button--large button--orange" onclick="upgradeRedirect()" rel="nofollow">
Leer documento completo </a>
<p class="ash-gray text-s">
Regístrate para leer el documento completo. </p>
</div>
</div>
</div>
</div>
</article>
</main>
<script>(function(d){var domain='buenastareas.com';if(d.referrer.match('^https?\:\/\/(|www\.)'+domain.replace('.com',"")+'\.com(.*)')){d.getElementById('stm-hero').className+=' stm-hero';d.getElementById('emptyTopicsList').innerHTML=(document.getElementById("topicsList"))?d.getElementById('topicsList').innerHTML:'';d.getElementById('text-header').innerHTML='';var sec=d.createElement('div');sec.className='section no-padding margin-2';var p=d.createElement('p');p.className='text-s uppercase ash-gray';p.innerText='Vista previa del texto';sec.appendChild(p);d.getElementById('text-header').appendChild(sec);}else{d.getElementById('stm-hero').className='';d.getElementsByTagName('article')[0].className='row no-border';}})(window.document);</script><div class="advertBox center margin-2 leaderboard_btf">
</div>
<a href="/content/access" rel="nofollow"></a>
<section class="row ">
<div class="columns position-relative
large-12">
<div class="">
<h2 class="heading-m padding-top-1 margin-2">
Estos documentos también te pueden resultar útiles </h2>
</div>
<section class="">
<ul class="unstyled">
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Buenas-Pr-Cticas-De-Almacenamiento/78414202.html"
title="BUENAS PR CTICAS DE ALMACENAMIENTO">
<h6 class="heading-s">
BUENAS PR CTICAS DE ALMACENAMIENTO </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...<b><i>BUENAS</i></b> PRÁCTICAS DE ALMACENAMIENTO
(BPA)
Definición
En Alicorp las <b><i>Buenas</i></b> Prácticas de Almacenamiento (BPA), constituyen un conjunto de normas mínimas obligatorias de almacenamiento que se cumplen en los almacenes de importación, distribución, dispensación y expendio de productos alimenticios respecto a las instalaciones, equipamientos y procedimientos operativos, destinados a garantizar el mantenimiento de las características y propiedades de todos sus... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Buenas-Pr-Cticas-De-Almacenamiento/78414202.html"
title="BUENAS PR CTICAS DE ALMACENAMIENTO"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">941 Palabras</span>
<span class="essay-details__item">4 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Buenas-Pr-Cticas/73031137.html"
title="Buenas pr cticas">
<h6 class="heading-s">
Buenas pr cticas </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...<b><i>Buenas</i></b> prácticas
Por mejores prácticas se entiende un conjunto coherente de acciones que han rendido <b><i>buen</i></b> o incluso excelente servicio en un determinado contexto y que se espera que, en contextos similares, rindan similares resultados. Éstas dependen de las épocas, de las modas y hasta de la situación contextual de la escuela .
Acción o conjunto de acciones que, fruto de la identificación de una necesidad, son sistemáticas, eficaces, eficientes, sostenibles,... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Buenas-Pr-Cticas/73031137.html"
title="Buenas pr cticas"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">1453 Palabras</span>
<span class="essay-details__item">6 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Normas-Buenas-Pr-Cticas/68963086.html"
title="Normas Buenas Pr Cticas">
<h6 class="heading-s">
Normas Buenas Pr Cticas </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...llegar por distintas vías: respiratoria, oral, por contacto etc. Todas ellas requieren atención.
El riesgo de incendios
Conoce las causas que pueden provocar un incendio en tu área de trabajo y las medidas preventivas necesarias.
Recuerda que el <b><i>buen</i></b> orden y la limpieza son los principios más importantes en la prevención de incendios.
No fumes en lugares prohibidos, ni tires las colillas o cigarros sin apagar.
Controla las chispas de cualquier origen ya que pueden ser causa... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Normas-Buenas-Pr-Cticas/68963086.html"
title="Normas Buenas Pr Cticas"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">936 Palabras</span>
<span class="essay-details__item">4 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Buenas-Pr-Cticas-De-Manufactura-2015/71022787.html"
title="BUENAS PR CTICAS DE MANUFACTURA 2015">
<h6 class="heading-s">
BUENAS PR CTICAS DE MANUFACTURA 2015 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...<b><i>BUENAS</i></b>
PRACTICAS
DE MANUFACTURA
2015
<b><i>BUENAS</i></b> PRÁCTICAS DE
MANUFACTURA
Requisitos básicos que deben ser aplicados en las
empresas de productos higiénicos para producir en
forma sanitaria sus productos y reducir los riesgos para
la salud del consumidor, cumpliendo con regulaciones
nacionales
e
internacionales
Incluyen:
* Higiene personal
* Control de enfermedades
* Hábitos personales
* Practicas operativas
OBJETIVO
Prevenir contaminaciones en
nuestros... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Buenas-Pr-Cticas-De-Manufactura-2015/71022787.html"
title="BUENAS PR CTICAS DE MANUFACTURA 2015"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">978 Palabras</span>
<span class="essay-details__item">4 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Buenas-Pr-Cticas-Para-La-Atenci/70184287.html"
title="Buenas Pr Cticas Para La Atenci N Al Cliente">
<h6 class="heading-s">
Buenas Pr Cticas Para La Atenci N Al Cliente </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...
<b><i>Buenas</i></b> prácticas para la atención al cliente.
Restaurant-Bar My Lugar
LAS 10 REGLAS PRINCIPALES
1 Esfuérzate en conocer al cliente y sus necesidades, se capaz de ponerte en su lugar.
2 Considera tu imagen personal como parte del servicio.
3 Muestra disponibilidad por atender y ayudar a los clientes.
4 Ten una actitud positiva y muéstrate cortés.
5 No digas NO, busca una solución.
6 Escucha con atención y exprésate con claridad.
7 Convierte las quejas en... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Buenas-Pr-Cticas-Para-La-Atenci/70184287.html"
title="Buenas Pr Cticas Para La Atenci N Al Cliente"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">1325 Palabras</span>
<span class="essay-details__item">6 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Elementos-Principales-De-La-Buena-Pr/78019603.html"
title="ELEMENTOS PRINCIPALES DE LA BUENA PR CTICA DE DISPENSACI N">
<h6 class="heading-s">
ELEMENTOS PRINCIPALES DE LA BUENA PR CTICA DE DISPENSACI N </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...ELEMENTOS PRINCIPALES DE LA <b><i>BUENA</i></b> PRÁCTICA DE DISPENSACIÓN
Medicamento
El farmacéutico debe garantizar y asumir la responsabilidad técnica de la adquisición a proveedores legitimados por la autoridad sanitaria, la correcta conservación y almacenamiento, el fraccionamiento y control del vencimiento de las especialidades medicinales que se encuentran disponibles en la farmacia. Para el caso de medicamentos magistrales, es responsable de cumplir con las normas de... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Elementos-Principales-De-La-Buena-Pr/78019603.html"
title="ELEMENTOS PRINCIPALES DE LA BUENA PR CTICA DE DISPENSACI N"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">964 Palabras</span>
<span class="essay-details__item">4 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Buenas-Pr-Cticas-Para-Ganado-De/78643606.html"
title="BUENAS PR CTICAS PARA GANADO DE LECHE">
<h6 class="heading-s">
BUENAS PR CTICAS PARA GANADO DE LECHE </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Miguel Ángel Torres Toro
John Leonardo Martínez Román
Carlos Alberto Chacón Arango
<b><i>BUENAS</i></b>
PRÁCTICAS PARA
GANADO DE LECHE
El principal objetivo de un plan lechero se centra
en mejorar la productividad al maximizando la
producción de leche y su calidad manejando
sistemas de propia explotación, lo cual se logra
mediante una producción eficiente, reducción
de las enfermedades y una optima alimentación
REGISTRO LEGAL
Criterio de cumplimiento
Alimentación
Criterio de... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Buenas-Pr-Cticas-Para-Ganado-De/78643606.html"
title="BUENAS PR CTICAS PARA GANADO DE LECHE"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">752 Palabras</span>
<span class="essay-details__item">4 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/La-Aplicaci-n-De-Un-Sistema/78449035.html"
title="La Aplicaci N De Un Sistema De Buenas Pr Cticas De Manufactura">
<h6 class="heading-s">
La Aplicaci N De Un Sistema De Buenas Pr Cticas De Manufactura </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...La aplicación de un sistema de <b><i>Buenas</i></b> Prácticas de Manufactura (BPM) permite asegurar las condiciones ambientales y de higiene durante la elaboración, almacenamiento, distribución y transporte de productos alimenticios para consumo animal; así mismo, permite controlar la limpieza e higiene general del establecimiento y del personal con la finalidad de prevenir la contaminación física, química y/o biológica de los productos alimenticios para consumo animal y de esta manera... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/La-Aplicaci-n-De-Un-Sistema/78449035.html"
title="La Aplicaci N De Un Sistema De Buenas Pr Cticas De Manufactura"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">1521 Palabras</span>
<span class="essay-details__item">7 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</section>
</div>
</section>
<section class="row ">
<div class="columns position-relative large-12">
<section class="section no-border">
<div class="container">
<div class="row">
<div class="columns ">
<div class="section-heading ">
<h2 class="align-left margin-2 heading-m">
OTRAS TAREAS POPULARES </h2>
</div>
</div>
</div>
<div class="row" id="popular-tags-visible">
<div class="small-12 columns tag-block columns-small-1 columns-medium-2 columns-large-2">
<ul>
<li class="margin-1">
<a href="/ensayos/Las-Glorias-De-La-Patria-Es/74264845.html" title="Las Glorias De La Patria Es Hist Ricamente La Tercera Canci N Considerada Himno Regional Del T Chira" class="mid-gray brand-primary--hover">Las Glorias De La Patria Es Hist Ricamente La Tercera Canci N Considerada Himno Regional Del T Chira</a>
</li>
<li class="margin-1">
<a href="/ensayos/Taller-Pre-Solemne-2/74264878.html" title="Taller Pre Solemne 2" class="mid-gray brand-primary--hover">Taller Pre Solemne 2</a>
</li>
<li class="margin-1">
<a href="/ensayos/1-Traduccion-Logging-Service-Catalog/74264896.html" title="1 Traduccion Logging Service Catalog" class="mid-gray brand-primary--hover">1 Traduccion Logging Service Catalog</a>
</li>
<li class="margin-1">
<a href="/ensayos/Crecimiento-Microbiano/74264929.html" title="Crecimiento Microbiano" class="mid-gray brand-primary--hover">Crecimiento Microbiano</a>
</li>
<li class="margin-1">
<a href="/ensayos/Capitulo-Primero/74264941.html" title="CAPITULO PRIMERO" class="mid-gray brand-primary--hover">CAPITULO PRIMERO</a>
</li>
<li class="margin-1">
<a href="/ensayos/Calentamiento-Global/74264974.html" title="Calentamiento Global" class="mid-gray brand-primary--hover">Calentamiento Global</a>
</li>
</ul>
</div>
</div>
</div>
</section>
</div>
</section>
<div class="advertBox center margin-1"></div>
<section class="section no-border brand-primary--bg">
<div class="row">
<div class="columns center">
<h3 id="banner_title" class="heading-l white">Únete a millones de otros estudiantes y comienza tu investigación</h3>
<h4 class="text-m white">Conviértase en miembro formal de Buenas Tareas</h4>
<a class="button--bg-color__white button-fullwidth" onclick="upgradeRedirect()" rel="nofollow">
INSCRÍBETE - ES GRATIS
</a> </div>
</div>
</section>
<footer class="section section--footer">
<div class="row">
<div class="medium-3 columns"><div class="copyright-block">
<p class="copyright-block__logo">
<i class="icon icon-sm-logo copyright-block__logo__icon"></i>
<span class="copyright-block__logo__span">Buenas Tareas</span>
</p>
<p class="copyright-block__social">
<a rel="nofollow" href="http://www.facebook.com/BuenasTareas">
<span class="copyright-block__social__circle">
<i class="copyright-block__social__circle__icon icon icon-ui-24-social-fb icon-ui-social-fb"></i>
</span>
</a>
<a rel="nofollow" href="https://twitter.com/buenastareas">
<span class="copyright-block__social__circle">
<i class="copyright-block__social__circle__icon icon icon-ui-social-tw"></i>
</span>
</a>
</p>
<small class="copyright-block__copyright text-s">
©2025 BuenasTareas.com </small>
</div>
</div>
<div class="medium-3 columns"><div class="vertical-nav-list">
<h6 class="vertical-nav-list__heading heading-xxs">Productos</h6>
<ul class="vertical-nav-list__container">
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/ojear/">Documentos de investigación</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/resumen-de-libros/">Notas de libros</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/generador-de-citas/">Generador de citas</a>
</li>
</ul>
</div>
</div>
<div class="medium-3 columns">
<div class="vertical-nav-list">
<h6 class="vertical-nav-list__heading heading-xxs">Empresa</h6>
<ul class="vertical-nav-list__container">
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/about.php">Empresa</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/sitemap.html">Mapa del sitio</a>
</li>
</ul>
</div>
</div>
<div class="medium-3 columns"><div class="vertical-nav-list">
<h6 class="vertical-nav-list__heading heading-xxs">Ayuda</h6>
<ul class="vertical-nav-list__container">
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/help.php">Ayuda</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/about-us/contact">Contáctanos</a>
</li>
</ul>
</div>
</div>
</div>
</footer> </div>
<!-- global JS -->
<script data-ot-ignore type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script data-ot-ignore type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/labjs/2.0.3/LAB.min.js"></script>
<script data-ot-ignore type="text/javascript">
$LAB
.script("//cdnjs.cloudflare.com/ajax/libs/aja/0.4.1/aja.min.js").wait(function() {
var script = document.querySelector('script[src="https://cdnjs.cloudflare.com/ajax/libs/aja/0.4.1/aja.min.js"]');
if(script){script.setAttribute('data-ot-ignore', '');}
})
.script("//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js").wait(function() {
var script = document.querySelector('script[src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"]');
if(script){script.setAttribute('data-ot-ignore', '');}
})
.script("//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.runtime.min.js").wait(function() {
var script = document.querySelector('script[src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.runtime.min.js"]');
if(script){script.setAttribute('data-ot-ignore', '');}
})
.script("//cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.3.2/jquery.payment.min.js").wait(function() {
var script = document.querySelector('script[src="https://cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.3.2/jquery.payment.min.js"]');
if(script){script.setAttribute('data-ot-ignore', '');}
})
.script("//assets.buenastareas.com/95794d4d5ee6b08ce407d6afdaa0b6b74cbfa3e2/_assets/bts/92c1d4e847bc6d93ba58214aa322ee6c.js").wait(function() {
var script = document.querySelector('script[src="https://assets.buenastareas.com/95794d4d5ee6b08ce407d6afdaa0b6b74cbfa3e2/_assets/bts/92c1d4e847bc6d93ba58214aa322ee6c.js"]');
if(script){script.setAttribute('data-ot-ignore', '');}
})
;
</script>
<script type="text/javascript">
window.SM2_DEFER = true;
function downloadJSAtOnload() {
$LAB
.script("//assets.buenastareas.com/95794d4d5ee6b08ce407d6afdaa0b6b74cbfa3e2/_assets/bts/76aff662ad8b32c9348bfa0fa9cb8f91.js")
.wait(function() {
});
}
// Check for browser support of event handling capability
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
</body>
</html>
Una buena maquetación es fundamental para obtener un diseño elegante, compatible con todos
los navegadores y que cumpla las normas de accesibilidad establecidas. Un buen diseño ayudará
a hacer tu página web más rápida y fácil de encontrar en los buscadores de Internet. La
maquetación es el plano inicial en base al cual se montará toda tu página y debemosprestarle
especial atención. En este artículo te dejo algunas buenas prácticas a seguir.
1. Lo primero es declarar un doctype. La declaración de un “Doctype” deberá localizarse al
inicio del código HTML.
Es importante señalar que en la declaración del doctype NO debe haber NINGÚN espacio en
blanco ni cambio de línea ANTES , la mayoría de los navegadores saben arreglárselas, pero en
IE8 provocará“misteriosos comportamientos”.
2. Encoding: La razón por la que se hace uso de los “á” es que la página no define su
encoding, debe estar en UTF-8, y especificar el meta para el encoding, de modo que no haya
ninguna necesidad de utilizar HTML entities para las tildes y caracteres raros.
3. Usa etiquetas de ‘Título’ con significado. Lo que introducimos en la etiqueta