comparte el articulo 

Consejos sobre HTML para principiantes, Parte 1

Actualizado el 05/10/2013 < > 2 Cometarios

Resumen: En este artículo presentamos una serie de consejos para aquellas personas que van iniciando su carrera como desarrolladores web, presentamos factores básicos pero claves para lograr un buen desarrollo

Al comienzo de nuestra carrera como diseñador web, puede resultar bastante frustrante el hecho de buscar tutoriales en la red y encontrarnos únicamente con información bastante avanzada sobre el desarrollo de aplicaciones, eventualmente sabemos que llegaremos al punto de necesitar dichos tutoriales pero por el momento deseamos una base sobre la cual empezar.

Pensando en esos usuarios y programadores principiantes, hemos realizado este artículo que recopila un número de consejos y buenas prácticas que nos ayudarán a adquirir costumbres adecuadas que aplicaremos al momento de estructurar e idear proyectos con HTML.

Recuerda que nadie nace sabiendo, muchas veces omitimos esta clase de artículos pensando que ya sabemos todo sobre un tema cuando en realidad las bases no fueron adquiridas de manera adecuada. Si tú sientes que estos consejos son poco útiles para ti en este momento entonces te recomendamos que revises otros artículos de nuestro sitio y empieces a practicar con temas que representen más reto. Por otro lado si sientes que necesitas reforzar la manera en que desarrollas te invitamos a continuar.

Cierra todas las etiquetas HTML

Si ya has leído algo sobre HTML y la manera de crear sitios con él, ya sabras que es un lenguaje basado en etiquetas. Dichas etiquetas te permiten estructurar el documento de la manera en que tu desees, nos ayudan a definir elementos y a delimitar secciones.

La manera de manejar dichas etiquetas ha variado desde la creación de este lenguaje, desde sus inicios hasta la actualidad han existido evoluciones propias de cualquier lenguaje de programación, conceptos como XHTML y HTML5 pueden empezar a sonar en tu cabeza, pero para no confundirnos en este momento dejaremos la explicación de estos términos para otro momento.

Gracias a esta misma evolución, reglas han surgido para su uso, en el pasado no importaba mucho si manejabas mayúsculas o minúsculas para los nombres, si olvidabas cerrar alguna etiqueta o simplemente si omitías el uso de ellas. En la actualidad HTML sigue siendo noble en este sentido, pero exige más colaboración por parte del diseñador, es por ello que una de las reglas primordiales al momento de usar el lenguaje es siempre cerrar las etiquetas que usamos.

Con cerrar la etiqueta no referimos a que por cada una que abras debes agregar su contraparte al momento que dejes de utilizarla, agregando una diagonal al inicio del nombre de la etiqueta. Por ejemplo, si tuviéramos una lista desordenada en nuestro documento tendríamos que abrir y cerrar una etiqueta “li” para cada elemento perteneciente.

En el pasado era muy común encontrarnos con casos como este:

<li>Elemento 1
<li>Elemento 2
<li>Elemento 3

Donde ningún elemento contenía el cerrado de su etiqueta, e incluso ni siquiera contaba con la etiqueta “ul” predecesora que indicaba el inicio de la lista. Manejar un código así actualmente es totalmente incorrecto, puesto que ninguna validación de HTML lo pasaría por alto, una lista bien formada se presentaría de la siguiente manera:

<ul>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ul>

Utiliza minúsculas para nombrar las etiquetas

Técnicamente hablando, no existe ninguna diferencia en el resultado obtenido cuando utilizamos letras mayúsculas en el nombre de nuestras etiquetas, ya que como mencionamos antes, HTML sigue siendo noble en muchos sentidos y el hecho de manejar mayúsculas no ha sido prohibido del todo. Este factor hace que obtengamos el mismo resultado si manejamos este código

<DIV><SPAN>Hola Mundo</SPAN></DIV>

O este otro:

<div><span>Hola Mundo</span></div>

El hecho de manejar minúsculas en muchas ocasiones es simplemente una buena práctica, algo que al convertirse en costumbre hará que nuestro código luzca estandarizado e incluso estético, pero por otro lado, existirán ocasiones en las que el manejo de minúsculas sí sea obligatorio, como cuando utilizamos un doctype de tipo xhtml, o cuando el uso de XML en nuestro sitio sea constante, ya que este lenguaje si hace diferencia entre las mayúsculas y las minúsculas.

Si esto te causa problemas y quieres seguir utilizando mayúsculas en tus documentos, puedes hacerlo, simplemente ten en mente que muy probablemente en un futuro tendrás que editar tus archivos para hacer este cambio.

Elige bien el Doctype de tu página

El Doctype es una etiqueta que va al principio de nuestro código HTML, la cual es utilizada para indicar al navegador el tipo de página que se esta abriendo, para que de esta manera se encargue de interpretar el código de manera adecuada. Esta sentencia indicará si el contenido es de tipo HTML, XHTML o una mezcla de los dos.

Es muy común olvidar dar un Doctype a nuestros sitios, ya que al ser un factor técnico de creación relativamente reciente es muy fácil de omitir, aunado al hecho de que sin un Doctype definido nuestro sitio sigue funcionando, aunque quizás no lo haga de manera correcta.

Aquí mostramos ciertos tipos de Doctype:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

En caso de que manejemos un Doctype de tipo erróneo el sitio no funcionará de la manera en que esperamos, si decidimos utilizar XHTML de manera estricta debemos apegarnos totalmente las convenciones establecidas para esta estandarización. Como ya mencionábamos antes, si en este caso usáramos letras mayúsculas en nuestras etiquetas el sitio no tendrá el desempeño adecuado.

En el próximo artículo seguiremos dando consejos sobre HTML para principiantes.

Publicado el 15/06/2011, última actualización 05/10/2013.

Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Daniel Ernesto Navarro Herrera

URL: LaWebera.es :: Diseño de paginas web

Añadir Comentario (Subir al texto)

2 Cometarios

  1. federico

    muy buena la pagina, yo ahora estoy en todo este tema de la informatica y de html, en mi pagina tengo un formulario para comentar pero no me funciona muy bien, podrias decirme como haces para que cuando comentan se modifique el html y aparesca el comentario?, si me lo decis me ayudarias un monton,por que quisiera que cuando los usuarios entren a mi web puedan comentar la pagina y que aparesca en la pagina el comentario, y tambien me gusto eso de que a vos te llegue el correo electronico pero que no aparesca, ojala puedas responder a mis preguntas, gracias

    Jueves, 17 de enero 2013

  2. Daniel Ernesto Navarro Herrera

    Hola federico, para esto que pides necesitas hacer uso de un lenguaje de lado servidor como PHP, JSP, ASP.NET, etc. Los comentarios que el usuario ingrese necesitan ser almacenados en algún lugar, comúnmente se utiliza una tabla de base de datos para ello, el formulario debe apuntar a una pagina, función o controlador donde tú establezcas la funcionalidad para guardar esa información en la base de datos. Una vez teniendo la información en la base de datos, deberás hacer una consulta a esta para desplegar los comentarios en tu página.

    Saludos

    Viernes, 18 de enero 2013

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras