270 lines
3.7 KiB
WebVTT
270 lines
3.7 KiB
WebVTT
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
|