1
00:00:01,070 --> 00:00:05,070
¿Qué caracteres podemos utilizar en una página web, en una página HTML?

2
00:00:05,469 --> 00:00:07,009
Por muchos, muchos de ellos.

3
00:00:08,509 --> 00:00:12,130
Hemos hecho referencia a UTF-8, vamos a ir a ella,

4
00:00:12,330 --> 00:00:17,910
y vamos a ver que el juego de caracteres UTF-8 es el que realmente se suele utilizar.

5
00:00:18,510 --> 00:00:23,750
Pero también podemos utilizar otras entidades, entidades numéricas, secuencias, simbolográficos,

6
00:00:23,890 --> 00:00:28,269
emoji, bandera, géneros, colores de piel, parejas, y ver qué problema nos da esto.

7
00:00:28,269 --> 00:00:42,229
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.

8
00:00:42,229 --> 00:00:51,850
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.

9
00:00:51,850 --> 00:00:59,829
¿Qué ocurre? Que para utilizar notación binaria son montones de unos y ceros los que tenemos que poner para representar cada carácter

10
00:00:59,829 --> 00:01:03,409
Con lo cual la notación que utilizamos es la notación hexadecimal

11
00:01:03,409 --> 00:01:10,129
Bien, pues entonces siempre que tenemos un carácter, nos da igual que carácter, imagínense la letra P

12
00:01:10,129 --> 00:01:15,609
Pues teníamos este valor en el código ARCI, que era el código típico de los ordenadores de una época

13
00:01:15,609 --> 00:01:19,670
En aquella época había otros también muy utilizados como EBCDIC, etc.

14
00:01:19,670 --> 00:01:24,069
Y eso correspondía en decimal al número 80

15
00:01:24,069 --> 00:01:26,590
Poco a poco esto fue creciendo

16
00:01:26,590 --> 00:01:28,590
Y entonces se pensó que había

17
00:01:28,590 --> 00:01:32,129
Por ejemplo, ese simbolito que en los ordenadores más antiguos no existía

18
00:01:32,129 --> 00:01:36,390
Pues se pulsaba un par de teclas y el número 126, por ejemplo

19
00:01:36,390 --> 00:01:40,709
Y así, poco a poco, se pensó que además había un montón de caracteres

20
00:01:40,709 --> 00:01:44,629
Que eran propios de cada país, de cada cultura

21
00:01:44,629 --> 00:01:47,689
Y empezó a surgir Unicode

22
00:01:47,689 --> 00:01:49,790
que era la idea del juego de caracteres

23
00:01:49,790 --> 00:01:51,569
universal, bueno, Unicode

24
00:01:51,569 --> 00:01:53,250
como todos los proyectos en internet

25
00:01:53,250 --> 00:01:54,609
ha tenido miles de etapas

26
00:01:54,609 --> 00:01:56,430
y de hecho, pues tenemos

27
00:01:56,430 --> 00:01:59,230
UTF-8, donde tenemos

28
00:01:59,230 --> 00:02:01,390
que cada carácter ocupa un byte

29
00:02:01,390 --> 00:02:03,409
16, UTF-16

30
00:02:03,409 --> 00:02:05,250
que son 2 bytes, o 32 que son

31
00:02:05,250 --> 00:02:07,269
4 bytes, para poder meter casi todo

32
00:02:07,269 --> 00:02:09,610
y de hecho es verdad que con todos los caracteres

33
00:02:09,610 --> 00:02:11,330
de emoji y no se que, pues se va utilizando

34
00:02:11,330 --> 00:02:13,090
cada vez más, bueno

35
00:02:13,090 --> 00:02:17,210
todos los sistemas tienen

36
00:02:17,210 --> 00:02:18,689
todas las letras en unicode? pues no

37
00:02:18,689 --> 00:02:21,110
entonces vamos uno utilizando lo que

38
00:02:21,110 --> 00:02:23,110
cada uno considere que puede ir

39
00:02:23,110 --> 00:02:23,969
utilizando

40
00:02:23,969 --> 00:02:27,449
y también podemos meter pictogramas

41
00:02:27,449 --> 00:02:29,270
no solamente contiene los caracteres

42
00:02:29,270 --> 00:02:30,830
sino que también hay una cantidad

43
00:02:30,830 --> 00:02:32,889
de pictogramas, aquí podemos ver

44
00:02:32,889 --> 00:02:35,289
la mayoría de los caracteres que existen

45
00:02:35,289 --> 00:02:35,990
en unicode

46
00:02:35,990 --> 00:02:39,430
y esto

47
00:02:39,430 --> 00:02:41,409
es un poco lo que queríamos contar

48
00:02:41,409 --> 00:02:42,490
en este apartado

49
00:02:42,490 --> 00:02:45,430
¿cómo son

50
00:02:45,430 --> 00:02:47,210
entidades de

51
00:02:47,210 --> 00:02:49,370
UTF-8, bueno, pues las entidades

52
00:02:49,370 --> 00:02:50,909
cuando queremos poner un carácter

53
00:02:50,909 --> 00:02:53,189
que no es el normal, no es la letra normal

54
00:02:53,189 --> 00:02:54,689
o un número normal, un dígito

55
00:02:54,689 --> 00:02:57,250
pues empiezan por

56
00:02:57,250 --> 00:02:59,370
un ampersand y finalizan por

57
00:02:59,370 --> 00:03:00,830
un punto y coma, ¿de acuerdo?

58
00:03:00,990 --> 00:03:03,189
¿se acuerdan ya que hemos utilizado el LT

59
00:03:03,189 --> 00:03:05,330
y el GT para menor que

60
00:03:05,330 --> 00:03:07,430
y mayor que? bueno pues

61
00:03:07,430 --> 00:03:09,389
en este caso por ejemplo estamos intentando

62
00:03:09,389 --> 00:03:10,650
pintar la letra alfa

63
00:03:10,650 --> 00:03:13,009
y en este caso tenemos el ampersand

64
00:03:13,009 --> 00:03:14,990
el punto y coma y dentro la palabra

65
00:03:14,990 --> 00:03:16,310
alfa en inglés

66
00:03:16,310 --> 00:03:18,430
bueno, de este tipo de caracteres hay montones

67
00:03:18,430 --> 00:03:20,349
pero hay veces que no tenemos exactamente

68
00:03:20,349 --> 00:03:23,250
ese carácter que expresa

69
00:03:23,250 --> 00:03:24,889
lo que viene, sino que tenemos

70
00:03:24,889 --> 00:03:27,449
su código único de decimal

71
00:03:27,449 --> 00:03:29,270
si tenemos su código

72
00:03:29,270 --> 00:03:30,930
de decimal, simplemente ponemos

73
00:03:30,930 --> 00:03:32,870
su ampersand y su numerito

74
00:03:32,870 --> 00:03:33,729
¿de acuerdo?

75
00:03:34,330 --> 00:03:36,569
si lo queremos poner en hexadecimal, hay que poner

76
00:03:36,569 --> 00:03:39,050
la almohadilla, una X para indicar

77
00:03:39,050 --> 00:03:40,550
que lo que viene viene en hexadecimal

78
00:03:40,550 --> 00:03:42,969
y su código en hexadecimal

79
00:03:42,969 --> 00:03:43,830
¿de acuerdo?

80
00:03:43,830 --> 00:03:46,270
esa es la manera de hacerlo

81
00:03:46,270 --> 00:03:47,550
ya, por ejemplo

82
00:03:47,550 --> 00:03:49,650
aquí, fíjense

83
00:03:49,650 --> 00:03:52,169
que hay que tener cuidado, porque hay cosas

84
00:03:52,169 --> 00:03:54,490
que no funcionan bien, nosotros queríamos escribir esto

85
00:03:54,490 --> 00:03:56,110
durante años la informática

86
00:03:56,110 --> 00:03:57,810
personal está dominada por Intel

87
00:03:57,810 --> 00:03:59,930
y Microsoft, poniendo como I

88
00:03:59,930 --> 00:04:02,210
el ampersand, bueno, al poner

89
00:04:02,210 --> 00:04:03,689
esto, él ha interpretado

90
00:04:03,689 --> 00:04:06,210
que ampersand micro

91
00:04:06,210 --> 00:04:07,909
era

92
00:04:07,909 --> 00:04:09,969
micro, la letra micro

93
00:04:09,969 --> 00:04:11,830
lo ha interpretado así y ha puesto

94
00:04:11,830 --> 00:04:12,729
después soft

95
00:04:12,729 --> 00:04:16,089
Realmente si quisiéramos poner un ampersand de verdad

96
00:04:16,089 --> 00:04:17,389
Un ampersand como información

97
00:04:17,389 --> 00:04:19,889
Deberíamos poner esto de aquí

98
00:04:19,889 --> 00:04:22,490
El ampersand amp

99
00:04:22,490 --> 00:04:24,250
Que significa ampersand punto y coma

100
00:04:24,250 --> 00:04:24,769
¿De acuerdo?

101
00:04:25,329 --> 00:04:27,149
Entonces hay que tener mucho cuidado con esto

102
00:04:27,149 --> 00:04:29,029
Fíjense esta información

103
00:04:29,029 --> 00:04:31,769
Donde tenemos muchos valores en hexadecimal

104
00:04:31,769 --> 00:04:34,709
Bueno pues corresponden en este navegador

105
00:04:34,709 --> 00:04:37,110
En el navegador Google Chrome

106
00:04:37,110 --> 00:04:38,889
A todos estos dibujitos

107
00:04:38,889 --> 00:04:39,810
No hace falta

108
00:04:39,810 --> 00:04:41,470
No hace falta para nada

109
00:04:41,470 --> 00:04:44,470
buscar un dibujo

110
00:04:44,470 --> 00:04:46,050
porque realmente tenemos el carácter

111
00:04:46,050 --> 00:04:47,470
que hace el planeta, por ejemplo

112
00:04:47,470 --> 00:04:50,209
o el carácter que pinta un cuchillo

113
00:04:50,209 --> 00:04:52,629
¿de acuerdo? esto en Google Chrome

114
00:04:52,629 --> 00:04:54,189
¿qué ocurre? que cada

115
00:04:54,189 --> 00:04:55,870
navegador lo pinta de una manera

116
00:04:55,870 --> 00:04:58,029
aquí nos pone como está dibujando, por ejemplo

117
00:04:58,029 --> 00:05:00,110
este planeta, nuestro dibujo

118
00:05:00,110 --> 00:05:02,149
del planeta, aquí en navegadores

119
00:05:02,149 --> 00:05:04,009
en Windows 10 o en Firefox

120
00:05:04,009 --> 00:05:05,990
o Windows 7, por ejemplo, entonces hay que tener

121
00:05:05,990 --> 00:05:07,810
cuidado porque a lo mejor lo que nosotros vemos

122
00:05:07,810 --> 00:05:10,209
cuando estamos probando nuestra página perfectamente

123
00:05:10,209 --> 00:05:12,410
realmente después no es cierto

124
00:05:12,410 --> 00:05:16,149
hay una serie de caracteres que son muy utilizados

125
00:05:16,149 --> 00:05:18,689
como son el menor, mayor, el propio persán

126
00:05:18,689 --> 00:05:21,470
las dobles comillas y la comilla

127
00:05:21,470 --> 00:05:24,389
que son quote, quote de cita

128
00:05:24,389 --> 00:05:26,990
y este guión de apóstrofo

129
00:05:26,990 --> 00:05:31,610
volvemos a decir

130
00:05:31,610 --> 00:05:34,269
que por ejemplo esto no deberíamos utilizarlo nunca

131
00:05:34,269 --> 00:05:36,230
el menor no deberíamos utilizarlo nunca

132
00:05:36,230 --> 00:05:39,329
y deberíamos indicar las expresiones con los menores que

133
00:05:39,329 --> 00:05:41,290
o mayores que, de acuerdo

134
00:05:41,290 --> 00:05:43,509
esto no le importa tanto porque no ve

135
00:05:43,509 --> 00:05:45,189
un inicio de apertura, por eso ha puesto

136
00:05:45,189 --> 00:05:46,850
el check este

137
00:05:46,850 --> 00:05:49,209
el error, pero un error menor

138
00:05:49,209 --> 00:05:51,509
de acuerdo, deberíamos evitarlo

139
00:05:51,509 --> 00:05:52,290
de todas maneras

140
00:05:52,290 --> 00:05:55,449
así que, bueno, pues todo esto lo va contando

141
00:05:55,449 --> 00:05:57,110
aquí despacito, se lo van leyendo

142
00:05:57,110 --> 00:05:59,790
porque va a ser de interés

143
00:05:59,790 --> 00:06:01,410
posteriormente, hay un montón

144
00:06:01,410 --> 00:06:03,470
de caracteres, ya ven aquí, que tienen

145
00:06:03,470 --> 00:06:05,569
su propio nombre y que por supuesto

146
00:06:05,569 --> 00:06:06,629
corresponden a su código

147
00:06:06,629 --> 00:06:14,689
Bueno, voy pasando esto rápido simplemente para que vean que hay montones de caracteres y poco más

148
00:06:14,689 --> 00:06:21,170
Si tienen interés, pues ya verán viendo las secuencias, los símbolos, etc, etc

149
00:06:21,170 --> 00:06:26,029
Todo esto es de gran interés, pero muy extenso para contarlo en un vídeo