29 de marzo de 2012

Etiquetas de metadatos y scripting

meta

De la etiqueta <meta> podemos decir que se ha simplificado sensiblemente a la utilizada hasta ahora en HTML4.1 o XHTML1.0.

Hasta la aparición de HTML5, para la descripción del conjunto de caracteres que utilizaríamos en nuestra página, utilizábamos la siguiente sintaxis:

<meta http-equiv="Content-Type" content="text/html;" charset="UTF-8">

Ahora con HTML5 la sintaxis quedaría de la siguiente manera:

<meta charset="UTF-8">

En cuanto a los atributos que se le pueden asignar a la etiqueta , serian todos los atributos globales.

script

La etiqueta <script … > es la utilizada dentro de la cabecera de un documento web, es decir entre las etiquetas <head> y </head>, para enlazar un archivo javascript externo.

La forma de utilizar esta etiqueta en HTML4.1 y XHMTL1.0, era con una serie de atributos que vemos en la sintaxis siguiente:

<script type="text/javascript" src="codigo.js"></script>


HTML5 nos vuelve a facilitar el trabajo y nos permite al igual que con otras etiquetas ( link, style) , a prescindir del atributo type, con lo que la sintaxis quedaría valida de la siguiente manera:

<script src="codigo.js"></script>
Lo mismo ocurrirá si el código javascript que queremos hacer funcionar en nuestra web, en vez de tenerlo en un documento externo al .html, lo queremos insertar dentro del código html.

<script>
             Código javascript
</script>

link

Con la etiqueta link lo que hacemos es enlazar código css externo para que nuestra página web tenga el diseño deseado. En HTML4.1 y XHTML1.0 usábamos una sintaxis un tanto larga:

<link rel="stylesheet" type="text/css" href="comun.css" />

Con HTML5 se simplifica y se prescinde del atributo type. La sintaxis quedaría de la siguiente manera:

<link rel="stylesheet" href="comun.css" />

style


Con la etiqueta <style>, que se utiliza para incluir estilos CSS en el propio documento HTML, nos ocurre lo mismo que con la etiqueta <link>, deja de ser imprescindible usar el atributo type, para indicar el tipo de estilo que utilizaremos.

En HTML4.1 y XHTML1.0 la sintaxis utilizada sería la siguiente:

<style type=”text/css”>
             Estilos css
</style>

En HTML5 su sintaxis seria la que vemos a continuación:

<style>
            Estilos css
</style>

No hay comentarios:

Publicar un comentario