Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

HTML Conjuntos de caracteres - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 28 de diciembre de 2020 por Amadeo M.

117 visualizaciones

Más información Transcripción

Descargar la transcripción

¿Qué caracteres podemos utilizar en una página web, en una página HTML? 00:00:01
Por muchos, muchos de ellos. 00:00:05
Hemos hecho referencia a UTF-8, vamos a ir a ella, 00:00:08
y vamos a ver que el juego de caracteres UTF-8 es el que realmente se suele utilizar. 00:00:12
Pero también podemos utilizar otras entidades, entidades numéricas, secuencias, simbolográficos, 00:00:18
emoji, bandera, géneros, colores de piel, parejas, y ver qué problema nos da esto. 00:00:23
Vamos a introducir un poco este asunto, pero es realmente muy denso, y se lo dejo para que ustedes lo lean tranquilamente, y como estoy seguro que les encantan los emojis, etc., etc., pues seguro que van a disfrutar con ello. 00:00:28
Bueno, todos sabemos que la información, nosotros guardamos la información en bits, y esos bits se agrupan en bytes. Hasta ahí no vamos a entrar. 00:00:42
¿Qué ocurre? Que para utilizar notación binaria son montones de unos y ceros los que tenemos que poner para representar cada carácter 00:00:51
Con lo cual la notación que utilizamos es la notación hexadecimal 00:00:59
Bien, pues entonces siempre que tenemos un carácter, nos da igual que carácter, imagínense la letra P 00:01:03
Pues teníamos este valor en el código ARCI, que era el código típico de los ordenadores de una época 00:01:10
En aquella época había otros también muy utilizados como EBCDIC, etc. 00:01:15
Y eso correspondía en decimal al número 80 00:01:19
Poco a poco esto fue creciendo 00:01:24
Y entonces se pensó que había 00:01:26
Por ejemplo, ese simbolito que en los ordenadores más antiguos no existía 00:01:28
Pues se pulsaba un par de teclas y el número 126, por ejemplo 00:01:32
Y así, poco a poco, se pensó que además había un montón de caracteres 00:01:36
Que eran propios de cada país, de cada cultura 00:01:40
Y empezó a surgir Unicode 00:01:44
que era la idea del juego de caracteres 00:01:47
universal, bueno, Unicode 00:01:49
como todos los proyectos en internet 00:01:51
ha tenido miles de etapas 00:01:53
y de hecho, pues tenemos 00:01:54
UTF-8, donde tenemos 00:01:56
que cada carácter ocupa un byte 00:01:59
16, UTF-16 00:02:01
que son 2 bytes, o 32 que son 00:02:03
4 bytes, para poder meter casi todo 00:02:05
y de hecho es verdad que con todos los caracteres 00:02:07
de emoji y no se que, pues se va utilizando 00:02:09
cada vez más, bueno 00:02:11
todos los sistemas tienen 00:02:13
todas las letras en unicode? pues no 00:02:17
entonces vamos uno utilizando lo que 00:02:18
cada uno considere que puede ir 00:02:21
utilizando 00:02:23
y también podemos meter pictogramas 00:02:23
no solamente contiene los caracteres 00:02:27
sino que también hay una cantidad 00:02:29
de pictogramas, aquí podemos ver 00:02:30
la mayoría de los caracteres que existen 00:02:32
en unicode 00:02:35
y esto 00:02:35
es un poco lo que queríamos contar 00:02:39
en este apartado 00:02:41
¿cómo son 00:02:42
entidades de 00:02:45
UTF-8, bueno, pues las entidades 00:02:47
cuando queremos poner un carácter 00:02:49
que no es el normal, no es la letra normal 00:02:50
o un número normal, un dígito 00:02:53
pues empiezan por 00:02:54
un ampersand y finalizan por 00:02:57
un punto y coma, ¿de acuerdo? 00:02:59
¿se acuerdan ya que hemos utilizado el LT 00:03:00
y el GT para menor que 00:03:03
y mayor que? bueno pues 00:03:05
en este caso por ejemplo estamos intentando 00:03:07
pintar la letra alfa 00:03:09
y en este caso tenemos el ampersand 00:03:10
el punto y coma y dentro la palabra 00:03:13
alfa en inglés 00:03:14
bueno, de este tipo de caracteres hay montones 00:03:16
pero hay veces que no tenemos exactamente 00:03:18
ese carácter que expresa 00:03:20
lo que viene, sino que tenemos 00:03:23
su código único de decimal 00:03:24
si tenemos su código 00:03:27
de decimal, simplemente ponemos 00:03:29
su ampersand y su numerito 00:03:30
¿de acuerdo? 00:03:32
si lo queremos poner en hexadecimal, hay que poner 00:03:34
la almohadilla, una X para indicar 00:03:36
que lo que viene viene en hexadecimal 00:03:39
y su código en hexadecimal 00:03:40
¿de acuerdo? 00:03:42
esa es la manera de hacerlo 00:03:43
ya, por ejemplo 00:03:46
aquí, fíjense 00:03:47
que hay que tener cuidado, porque hay cosas 00:03:49
que no funcionan bien, nosotros queríamos escribir esto 00:03:52
durante años la informática 00:03:54
personal está dominada por Intel 00:03:56
y Microsoft, poniendo como I 00:03:57
el ampersand, bueno, al poner 00:03:59
esto, él ha interpretado 00:04:02
que ampersand micro 00:04:03
era 00:04:06
micro, la letra micro 00:04:07
lo ha interpretado así y ha puesto 00:04:09
después soft 00:04:11
Realmente si quisiéramos poner un ampersand de verdad 00:04:12
Un ampersand como información 00:04:16
Deberíamos poner esto de aquí 00:04:17
El ampersand amp 00:04:19
Que significa ampersand punto y coma 00:04:22
¿De acuerdo? 00:04:24
Entonces hay que tener mucho cuidado con esto 00:04:25
Fíjense esta información 00:04:27
Donde tenemos muchos valores en hexadecimal 00:04:29
Bueno pues corresponden en este navegador 00:04:31
En el navegador Google Chrome 00:04:34
A todos estos dibujitos 00:04:37
No hace falta 00:04:38
No hace falta para nada 00:04:39
buscar un dibujo 00:04:41
porque realmente tenemos el carácter 00:04:44
que hace el planeta, por ejemplo 00:04:46
o el carácter que pinta un cuchillo 00:04:47
¿de acuerdo? esto en Google Chrome 00:04:50
¿qué ocurre? que cada 00:04:52
navegador lo pinta de una manera 00:04:54
aquí nos pone como está dibujando, por ejemplo 00:04:55
este planeta, nuestro dibujo 00:04:58
del planeta, aquí en navegadores 00:05:00
en Windows 10 o en Firefox 00:05:02
o Windows 7, por ejemplo, entonces hay que tener 00:05:04
cuidado porque a lo mejor lo que nosotros vemos 00:05:05
cuando estamos probando nuestra página perfectamente 00:05:07
realmente después no es cierto 00:05:10
hay una serie de caracteres que son muy utilizados 00:05:12
como son el menor, mayor, el propio persán 00:05:16
las dobles comillas y la comilla 00:05:18
que son quote, quote de cita 00:05:21
y este guión de apóstrofo 00:05:24
volvemos a decir 00:05:26
que por ejemplo esto no deberíamos utilizarlo nunca 00:05:31
el menor no deberíamos utilizarlo nunca 00:05:34
y deberíamos indicar las expresiones con los menores que 00:05:36
o mayores que, de acuerdo 00:05:39
esto no le importa tanto porque no ve 00:05:41
un inicio de apertura, por eso ha puesto 00:05:43
el check este 00:05:45
el error, pero un error menor 00:05:46
de acuerdo, deberíamos evitarlo 00:05:49
de todas maneras 00:05:51
así que, bueno, pues todo esto lo va contando 00:05:52
aquí despacito, se lo van leyendo 00:05:55
porque va a ser de interés 00:05:57
posteriormente, hay un montón 00:05:59
de caracteres, ya ven aquí, que tienen 00:06:01
su propio nombre y que por supuesto 00:06:03
corresponden a su código 00:06:05
Bueno, voy pasando esto rápido simplemente para que vean que hay montones de caracteres y poco más 00:06:06
Si tienen interés, pues ya verán viendo las secuencias, los símbolos, etc, etc 00:06:14
Todo esto es de gran interés, pero muy extenso para contarlo en un vídeo 00:06:21
Idioma/s:
es
Autor/es:
Amadeo Mora
Subido por:
Amadeo M.
Licencia:
Dominio público
Visualizaciones:
117
Fecha:
28 de diciembre de 2020 - 11:37
Visibilidad:
Público
Centro:
IES CLARA DEL REY
Duración:
06′ 28″
Relación de aspecto:
1.78:1
Resolución:
1364x768 píxeles
Tamaño:
61.87 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid