aboutsummaryrefslogtreecommitdiffstats
path: root/content/wp-content/uploads/article/subtitles/2019/04/0012-section-es.vtt
blob: edde73a03b80cc2e1971cbdb6496d78143e66e42 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
WEBVTT

1
00:00:03.090 --> 00:00:03.840
section

2
00:00:03.840 --> 00:00:05.760
es una etiqueta

3
00:00:05.760 --> 00:00:08.800
que nos va ayudar a organizar nuestro sitio web

4
00:00:09.260 --> 00:00:10.660
¿cómo se escribe section?

5
00:00:10.970 --> 00:00:13.410
bueno la etiqueta section se escribe de esta forma

6
00:00:13.410 --> 00:00:15.200
abrimos etiqueta

7
00:00:15.200 --> 00:00:16.460
section que abre

8
00:00:16.460 --> 00:00:18.460
etiqueta section que cierra

9
00:00:18.740 --> 00:00:20.080
la etiqueta section

10
00:00:20.080 --> 00:00:21.640
nos va a permitir separar

11
00:00:22.320 --> 00:00:24.530
alguna parte de la página web

12
00:00:24.800 --> 00:00:26.080
de otras

13
00:00:26.960 --> 00:00:27.600
partes

14
00:00:31.700 --> 00:00:32.970
Esta etiqueta

15
00:00:33.170 --> 00:00:34.360
debe de tener

16
00:00:34.360 --> 00:00:35.620
sí o sí

17
00:00:35.620 --> 00:00:36.450
un título

18
00:00:36.450 --> 00:00:37.530
ya sea un

19
00:00:37.530 --> 00:00:41.970
h2, h3, h4, h5, h6

20
00:00:42.480 --> 00:00:45.280
lo importante es que debe de tener un título

21
00:00:45.720 --> 00:00:48.680
en este caso voy a colocar un h2

22
00:00:48.680 --> 00:00:50.280
y voy a poner lo siguiente

23
00:00:50.580 --> 00:00:51.660
Estos

24
00:00:53.320 --> 00:00:54.330
son

25
00:00:54.800 --> 00:00:55.850
los

26
00:00:56.200 --> 00:00:57.920
vídeos de

27
00:00:58.210 --> 00:00:59.360
HackerTech

28
00:01:00.960 --> 00:01:01.720
perfecto!

29
00:01:02.360 --> 00:01:03.080
ahora

30
00:01:03.900 --> 00:01:05.560
que es lo que va dentro de section

31
00:01:05.660 --> 00:01:06.920
bueno dentro de section

32
00:01:06.920 --> 00:01:10.200
puede también estar alojado un div, un párrafo

33
00:01:11.380 --> 00:01:12.100
cualquier

34
00:01:12.240 --> 00:01:15.520
otra etiqueta incluso puede estar alojado un formulario

35
00:01:19.010 --> 00:01:21.000
vamos a guardar, nos vamos

36
00:01:21.000 --> 00:01:22.650
a la página de localhost

37
00:01:22.650 --> 00:01:23.760
actualizamos

38
00:01:23.760 --> 00:01:26.100
y vemos que ahora aparece

39
00:01:26.220 --> 00:01:28.200
si miramos el código fuente

40
00:01:28.970 --> 00:01:30.600
lo vamos a copiar

41
00:01:31.570 --> 00:01:35.360
vamos a irnos a la w3c markup

42
00:01:41.780 --> 00:01:45.400
esperamos un momentito mientras recarga la página

43
00:01:52.880 --> 00:01:54.370
damos en validate

44
00:01:54.560 --> 00:01:56.240
pegamos el texto

45
00:01:56.610 --> 00:01:58.010
del código fuente

46
00:01:59.180 --> 00:02:00.610
y vemos que

47
00:02:01.330 --> 00:02:04.530
nos marca que no hay errores que mostrar

48
00:02:04.860 --> 00:02:07.010
no hay advertencias tampoco

49
00:02:07.130 --> 00:02:08.420
entonces quiere decir

50
00:02:08.740 --> 00:02:09.440
que

51
00:02:09.730 --> 00:02:11.730
la etiqueta section ha sido

52
00:02:11.730 --> 00:02:13.130
escrita correctamente

53
00:02:13.360 --> 00:02:14.560
pero que pasaría

54
00:02:14.560 --> 00:02:16.560
si obvio el título

55
00:02:16.560 --> 00:02:18.840
como ya mencioné

56
00:02:19.130 --> 00:02:20.040
al principio

57
00:02:20.320 --> 00:02:21.720
y coloco

58
00:02:21.920 --> 00:02:23.020
de esta forma

59
00:02:23.240 --> 00:02:25.040
coloco el section sin título

60
00:02:25.320 --> 00:02:26.360
pues qué ocurre

61
00:02:26.610 --> 00:02:27.120
pues

62
00:02:27.120 --> 00:02:28.570
me aparece un warning

63
00:02:28.800 --> 00:02:30.620
diciéndome que debo colocar

64
00:02:30.890 --> 00:02:33.000
un título a esa section

65
00:02:33.380 --> 00:02:34.940
es importante colocarla

66
00:02:36.140 --> 00:02:36.600
bien

67
00:02:36.800 --> 00:02:40.340
ahora hablaremos en el siguiente vídeo sobre la etiqueta article