8
REGIONAL DISTRITO CAPITAL CENTRO DE ELECTRICIDAD ELECTRONICA Y TELECOMUNICACIONES  ANÁLISIS Y DESARROLLO DE SISTEMAS DE INFORMACIÓN Juan David Contreras Cárdenas Grupo 259128 Teleinformática 27 de marzo de 2012

Guia 5 HTML Meta Caracteres

Embed Size (px)

Citation preview

Page 1: Guia 5 HTML Meta Caracteres

5/14/2018 Guia 5 HTML Meta Caracteres - slidepdf.com

http://slidepdf.com/reader/full/guia-5-html-meta-caracteres 1/8

 

REGIONAL DISTRITO CAPITALCENTRO DE ELECTRICIDAD ELECTRONICA Y TELECOMUNICACIONES

 ANÁLISIS Y DESARROLLO DE SISTEMAS DE INFORMACIÓN

Juan David Contreras Cárdenas

Grupo

259128

Teleinformática27 de marzo de 2012

Page 2: Guia 5 HTML Meta Caracteres

5/14/2018 Guia 5 HTML Meta Caracteres - slidepdf.com

http://slidepdf.com/reader/full/guia-5-html-meta-caracteres 2/8

 

REGIONAL

DISTRITO CAPITAL

CENTRO DE ELECTRICIDAD ELECTRONICA Y

TELECOMUNICACIONES

ANÁLISIS Y DESARROLLO DE SISTEMAS DEINFORMACIÓN

Fecha:

Los documentos HTML están construidos a part ir de caracteres Del juegodenominado ISO-Latín-1, de 256 e lementos . Por el lo , el fo rmato detransferencia de información entre los clientes y servidores HTTP asocia unúnico byte a cada carácter, según e l orden que t ienen asociado en ladefinición de la tabla.¿Por qué esta limitación? Los documentos HTML se editan y almacenan en unentorno, pero son vistos en otros sistemas, cuyas facilidades para representar información son desconocidas para el creador de los mismos.En cada uno de estos s is temas se uti lizan tablas de presentac ión de

caracteres totalmente diferentes, por lo cual el carácter á (ASCII 160 en unsistema MSDOS en castel lano) tendrá una representación completamentediferente en un sistema americano, o al cambiar entre un PC y un Macintosh.El caso ext remo se hal la en s is temas que uti licen a lfabetos c ir íl icos o

 japoneses.Una página web se ha de ver en países dist intos, que usan conjuntos decaracteres dist intos. El lenguaje HTML nos ofrece un mecanismo por el quepodemos estar seguros que una serie de caracteres raros se van a ver bien entodos los ordenadores del mundo, independientemente de su juego decaracteres.

Por su número, con el formato &#nnn; (nnn es el código decimal delelemento). Por su nombre mnemotécnico, según se recoge en ISO-LATIN-1. Por 

ejemplo, la á se puede representar como &#225; o &aacute;. (el ; indicael final de la etiqueta). Como nota importante, los caracteres < > ; " # "no pueden ser incluidos directamente dentro de un documento ya queserían interpretados como parte del propio código HTML. Por ello, sedeben utilizar los siguientes nombres mnemotécnicos:

Sin embargo, e l uso una tab la de caracteres única es una l imi tacióndemasiado estricta para un Web internacional, cuyos usuarios requierendisponer de documentos con alfabetos de caracteres más amplios que loscontemplados por ISO-LATIN-1. Por e llo, los c lientes Web modernos(pr incipalmente Netscape Navigator e Internet Explorer) son capaces demostrar un mismo documento utilizando diferentes juegos de caracteres.

 A través de sus menús de configuración, es posible hacer que determinadodocumento se muestre con una tabla de caracteres diferente de la por defecto;además, los documentos HTML pueden incluir una et iqueta, <META>, paraf i jar el juego de caracteres necesario para su visualización, a part ir de unaaplicación de la clasificación MIME de los documentos HTML. Lógicamente, sedebe disponer de una fuente adecuada para presentar el documento (por 

Nombre de los integrantes y grupo

Page 3: Guia 5 HTML Meta Caracteres

5/14/2018 Guia 5 HTML Meta Caracteres - slidepdf.com

http://slidepdf.com/reader/full/guia-5-html-meta-caracteres 3/8

 

REGIONAL

DISTRITO CAPITAL

CENTRO DE ELECTRICIDAD ELECTRONICA Y

TELECOMUNICACIONES

ANÁLISIS Y DESARROLLO DE SISTEMAS DEINFORMACIÓN

Fecha:

ejemplo, una fuente True Type de los entornos Windows). <META> debeaparecer en la sección <HEAD> del documento, y su formato es:<META HTTP-EQUIV="Content-Type"CONTENT="text/html; charset=juego _de_caracteres">Por ejemplo:<!-- Juego de caracteres Occidental --><META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=us-ascii"><!-- Juego de caracteres Cirílico --><META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=csKOI8R"><!-- Juego de caracteres Chino Tradicional -->

<META HTTP-EQUIV="Content-Type" CONTENT="text;/html;charset=chinese";>

  A efectos práct icos, nuestros documentos deberían usar referencias acarácter, según los identificadores definidos en ISO-LATIN-1, ya que no todoslos browsers interpretan la et iqueta <META>. Si se especif ica el juego decaracteres, dentro del documento se pueden uti lizar d irec tamente loscaracteres gráf icos correspondientes (acentos, etc.), con el r iesgo de quealgún cliente Web los muestre con el carácter correspondiente de su tabla decódigos Local.

Tabla Meta caracteres

CommandSyntax

ResultCommand

Syntax

Result

Displays Description Displays Description

&Aacute; ÁUppercase Aacute

&aacute; á Lowercase A acute

&Agrave; À Uppercase Agrave &agrave; à Lowercase A grave

&Acirc; ÂUppercase Acircumflex

&acirc; âLowercase Acircumflex

&Atilde; à Uppercase à &atilde; ã Lowercase Ã

Nombre de los integrantes y grupo

Page 4: Guia 5 HTML Meta Caracteres

5/14/2018 Guia 5 HTML Meta Caracteres - slidepdf.com

http://slidepdf.com/reader/full/guia-5-html-meta-caracteres 4/8

 

REGIONAL

DISTRITO CAPITAL

CENTRO DE ELECTRICIDAD ELECTRONICA Y

TELECOMUNICACIONES

ANÁLISIS Y DESARROLLO DE SISTEMAS DEINFORMACIÓN

Fecha:

&Aring; Å Uppercase Å &aring; å Lowercase Å

&Auml; ÄUppercase Aumlaut or dieresis

&auml; äLowercase A umlautor dieresis

&AElig; ÆUppercase Æligature

&aelig; æLowercase Æligature

&Ccedil; ÇUppercase CCedilla &ccedil; ç Lowercase C Cedilla

&Eacute; ÉUppercase Eacute

&eacute; é Lowercase E acute

&Egrave; ÈUppercase Egrave

&egrave; è Lowercase E grave

&Ecirc; ÊUppercase Ecircumflex

&ecirc; êLowercase Ecircumflex

&Euml; ËUppercase Eumlaut or dieresis

&euml; ëLowercase E umlautor dieresis

&Iacute; ÍUppercase Iacute

&iacute; í Lowercase I acute

&Igrave; ÌUppercase Igrave

&igrave; ì Lowercase I grave

&Icirc; Î   Uppercase Icircumflex

&icirc; î   Lowercase Icircumflex

&Iuml; ÏUppercase Iumlaut or dieresis

&iuml; ïLowercase I umlautor dieresis

Nombre de los integrantes y grupo

Page 5: Guia 5 HTML Meta Caracteres

5/14/2018 Guia 5 HTML Meta Caracteres - slidepdf.com

http://slidepdf.com/reader/full/guia-5-html-meta-caracteres 5/8

 

REGIONAL

DISTRITO CAPITAL

CENTRO DE ELECTRICIDAD ELECTRONICA Y

TELECOMUNICACIONES

ANÁLISIS Y DESARROLLO DE SISTEMAS DEINFORMACIÓN

Fecha:

&ETH; ÐUppercaseEth

&eth; ð Lowercase Eth

&Ntilde; Ñ Uppercase Ñ &ntilde; ñ Lowercase Ñ

&Oacute; ÓUppercase Oacute

&oacute; ó Lowercase O acute

&Ograve; ÒUppercase Ograve

&ograve; ò Lowercase O grave

&Ocirc; ÔUppercase Ocircumflex

&ocirc; ôLowercase Ocircumflex

&Otilde; Õ Uppercase Õ &otilde; õ Lowercase Õ

&Ouml; ÖUppercase Oumlaut or dieresis

&ouml; öLowercase O umlautor dieresis

&Oslash; Ø Uppercase Ø &oslash; ø Lowercase Ø

&#140; Œ

Uppercase ŒligatureNo matchingmetacharacter name

&#156; œ

Lowercase ŒligatureNo matchingmetacharacter name

&Uacute; ÚUppercase Uacute

&uacute; ú Lowercase U acute

&Ugrave; Ù Uppercase Ugrave

&ugrave; ù Lowercase U grave

&Ucirc; ÛUppercase Ucircumflex

&ucirc; ûLowercase Ucircumflex

&Uuml; Ü Uppercase U &uuml; ü Lowercase U umlaut

Nombre de los integrantes y grupo

Page 6: Guia 5 HTML Meta Caracteres

5/14/2018 Guia 5 HTML Meta Caracteres - slidepdf.com

http://slidepdf.com/reader/full/guia-5-html-meta-caracteres 6/8

 

REGIONAL

DISTRITO CAPITAL

CENTRO DE ELECTRICIDAD ELECTRONICA Y

TELECOMUNICACIONES

ANÁLISIS Y DESARROLLO DE SISTEMAS DEINFORMACIÓN

Fecha:

umlaut or dieresis;

or dieresis

&Yacute; ÝUppercase Yacute

&yacute; ý Lowercase Y acute

&#0159; Ÿ

Uppercase YdieresisNo matchingmetacharacter 

name

&yuml; ÿLowercase Ydieresis

&THORN; ÞUppercaseThorn

&thorn; þ Lowercase Thorn

&#0138; Š

Uppercase SCaronNo matchingmetacharacter name

&#0154; šLowercase S CaronNo matchingmetacharacter name

&szlig; ß

LowercaseScharfes SThere is nouppercaseversion.

&quot; " Double Quote

&reg; ®RegisteredtradeMark

&trade; ™

TradeMarkNot supported inNetscape -use&#0153;instead.

&lt; < Less than &gt; > Greater than

&copy; © Copyright &nbsp; [ space ] Non-breaking space

&iexcl; ¡Invertedexclamationsign

&iquest; ¿Inverted questionmark

Nombre de los integrantes y grupo

Page 7: Guia 5 HTML Meta Caracteres

5/14/2018 Guia 5 HTML Meta Caracteres - slidepdf.com

http://slidepdf.com/reader/full/guia-5-html-meta-caracteres 7/8

 

REGIONAL

DISTRITO CAPITAL

CENTRO DE ELECTRICIDAD ELECTRONICA Y

TELECOMUNICACIONES

ANÁLISIS Y DESARROLLO DE SISTEMAS DEINFORMACIÓN

Fecha:

&cent; ¢ Cent sign &pound; £ Pound sterling sign

&curren; ¤Generalcurrency sign

&yen; ¥ Yen sign

&sect; § Section sign &para; ¶Pilcrow (paragraphsign)

&ordf; ªOrdinalindicator -feminine

&ordm; ºOrdinal indicator -

masculine

&brvbar; ¦ Vertical bar &not; ¬ Not sign

&shy; - Hyphen &macr; ¯ Macron

&deg; ° Degree sign &plusmn; ± Plus/minus sign

&acute; ´ Acute accent &cedil; ¸ Cedilla

&uml; ¨ Umlaut(dieresis)

&micro; µ Micro sign &middot; · Middle dot

&sup1; ¹Superscriptone

&sup2; ² Superscript two

&sup3; ³Superscriptthree

&frac14; 1/4 Fraction one-quarter  

&frac12; 1/2Fraction one-half 

&frac34; 3/4Fraction three-quarters

&laquo; «Left anglequotation

&raquo; »Right anglequotation

&times; × Multiplication &divide; ÷ Division sign

Nombre de los integrantes y grupo

Page 8: Guia 5 HTML Meta Caracteres

5/14/2018 Guia 5 HTML Meta Caracteres - slidepdf.com

http://slidepdf.com/reader/full/guia-5-html-meta-caracteres 8/8

 

REGIONAL

DISTRITO CAPITAL

CENTRO DE ELECTRICIDAD ELECTRONICA Y

TELECOMUNICACIONES

ANÁLISIS Y DESARROLLO DE SISTEMAS DEINFORMACIÓN

Fecha:

sign

NOMBRES CARGO DEPENDENCIA FIRMA FECHA

 AUTORES Juan David ContrerasCárdenas Aprendiz Centro deElectricidadElectrónica yTelecomunicaciones

Juan DavidContrerasCárdenas

27/03/2012

REVISIONRaúlOrtiz

Instructor Centro deElectricidadElectrónica yTelecomunicaciones

Nombre de los integrantes y grupo