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
|