MODULO 4 - Lección 3 JUEGO DE CARACTERES

JUEGO DE CARACTERES:


  • Mapa de caracteres
  • ASCII
  • latin1
  • ISO 859-1
  • ANSI
  • UTF-8
  • UTF-8 sin BOM
  • Unicode
  • Cotejamiento
Hay que utilizar siempre el mismo juego de caracteres en todo lo que se haga. Deberíamos tratar que todos los ficheros que compongan un mismo sitio web estén almacenados en el mismo juego de caracteres, aunque no siempre es posible, ya que no depende de nosotros, 

Es recomendable usar el juego de caracteres UTF-8 sin BOM, que permite mezclar textos en un mismo documento textos en cualquier idioma y permite mezclar caracteres de cualquier alfabeto.

Si por cualquier motivo, no pudiéramos usar UTF-8 sin BOM, es recomendable usar ISO-8859-1, también llamado latin1, es el mejor juego de caracteres para los idiomas de Europa occidental, incluido el español.
Si necesitamos escribir el símbolo del euro (€), entonces deberemos usar  ISO-8859-15, también llamado latin9,

latin1 y latin9 se diferencian sólo en 8 caracteres que han cambiado.

El juego de caracteres en HTML se indica mediante una etiqueta <meta> que se escribe en el <head> (en la cabecera) de la página web.

En HTML4:

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


EN XHTML1:

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

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

<?xml version="1.0" encoding ="ISO-8859-1"?>


En HTML5:

<meta charset="utf-8">
<meta charset="utf-8"/>



Comentarios

Publicar un comentario

Entradas populares de este blog

MODULO 4 - Lección 5 - HTML: TABLAS

Imagen
Una tabla HTML es una forma gráfica de representar información de manera esquematizada, ordenada y compacta. Las tablas se organizan en filas y celdas. Las tres etiquetas principales para las tablas son: La etiqueta <table></ table> indica el inicio y el cierre de la tabla y el resto de etiquetas estarán recogidas entre ellas. Fila: Table Row <tr></tr> Celda de datos: Table Data Cell <td></td> Otras etiquetas para las tablas son: Celda de Cabecera: Table Header Cell <th> sustituye a la etiqueta  <td>  para celdas de cabecera. Es posible agrupar filas en 3 bloques de estilos: <thead> agrupa una o más filas de cabecera <tbody> se utiliza para agrupar filas de cuerpo, tipicamente aquellas que contienen el grueso de los datos. <tfoot>  Agrupa las filas del pie de la tabla. <caption> añade un título sobre la tabla Los estilos se trabajarán en CSS Para combinar celdas,...
Leer más

MODULO 2 - Lección 4 PROTOTIPADO, WIREFRAMES, MOCKUPS Y PROTOTIPOS

Imagen
El arquitecto de información es el responsable de: Identificar los objetivos del proyecto Identificar las necesidades de los usuarios Especificar las funcionalidades y requerimientos de la aplicación web Define y diseña los sistemas de navegación, organización, etiquetado y búsqueda Prototipa la aplicación web La responsabilidad final es asegurar que los usuarios podrán encontrar y gestionar la información de manera efectiva. Los arquitectos de información, se valen de la diagramación y el prototipado para especificar cual será la organización, estructura, navegación y funcionamiento de la aplicación web. Los PLANOS son diagramas de organización y funcionamiento y se suelen denominar Blueprint, diagramas de contenido o flujo o mapa web. Jesse James garret, nos explica el vocabulario visual para describir arquitectura de información y diseño de interacción: Un vocabulario visual para describir arquitectura de información y diseño de interacción MAQUETAS: Pro...
Leer más

MODULO 4. Lección 14: HTML: NUEVAS FUNCIONALIDADES EN FORMULARIOS (PARTE 2)

Imagen
autocomplete: Nos permite especificar si un formulario completo o si un campo de este debe tener la opción de autocompletado activado o no. Si esta activado, su valor es ON , el navegador completa automaticamente el campo con valores que el usuario ya haya introducido en ese campo ocasiones anteriores. Si se desactiva, asignando el valor OF , lo que se consigue es prevenir que un campo se complete automáticamente. <form autocomplete="on"> Funciona con el atributo FORM y con los siguientes tipos de input: text, search, url, tel, email, date pickers, password, range, colors <input type="email" name "email"  autocomplete="off"> autofocus: Permite especificar en que campo de entrada queremos que se coloque el foco cuando se carga la página. Es un atributo de tipo buleano, por lo que no se debe definir más de un elemento con este atributo en la misma página. Permite comenzar a escribir de inmediato s...
Leer más