1
00:00:00,750 --> 00:00:06,790
Las divisiones las hacemos con la etiqueta LIF y tiene mucha importancia porque durante muchos años

2
00:00:06,790 --> 00:00:11,949
era el único elemento que íbamos colocando a lo largo de la página en la posición que nosotros queríamos.

3
00:00:13,130 --> 00:00:18,629
Aquí hay una nota muy interesante, decía que antiguamente había mucha gente que sigue llamándolo a estos capas

4
00:00:18,629 --> 00:00:26,750
y eso viene heredado de cuando los más mayores, yo me incluyo entre ellos, pues trabajamos con la etiqueta LAYER de NETScape.

5
00:00:26,750 --> 00:00:29,449
la etiqueta layer además permitía

6
00:00:29,449 --> 00:00:31,570
que una etiqueta estuviera sobrepuesta sobre otra

7
00:00:31,570 --> 00:00:33,310
etcétera, algo que ahora también podemos hacer

8
00:00:33,310 --> 00:00:35,450
y al no existir dentro

9
00:00:35,450 --> 00:00:37,149
del estándar la etiqueta layer

10
00:00:37,149 --> 00:00:39,070
pues fue sustituida por el div

11
00:00:39,070 --> 00:00:41,909
y por eso queda todavía por ahí en algunos documentos

12
00:00:41,909 --> 00:00:43,630
la idea de ver la división

13
00:00:43,630 --> 00:00:44,329
la de capa

14
00:00:44,329 --> 00:00:46,649
bueno, aquí vemos

15
00:00:46,649 --> 00:00:49,049
dos div, este

16
00:00:49,049 --> 00:00:50,369
y este

17
00:00:50,369 --> 00:00:54,030
entonces tiene primero tres párrafos

18
00:00:54,030 --> 00:00:55,649
hasta aquí, hasta ahí peor

19
00:00:55,649 --> 00:00:59,149
de apagar y el siguiente es este, en este caso no veríamos nada

20
00:00:59,149 --> 00:01:03,850
no tenemos ni idea de lo que quiere decir esto de aquí, pero imagínense

21
00:01:03,850 --> 00:01:07,349
que yo digo de repente que el div le aplico

22
00:01:07,349 --> 00:01:10,989
un estilo en el cual digo el color de fondo

23
00:01:10,989 --> 00:01:15,609
es un azul flojito y que

24
00:01:15,609 --> 00:01:19,730
tiene un margen de 10 píxeles, ya ven que la información que teníamos ha cambiado

25
00:01:19,730 --> 00:01:23,469
tenemos un margen, el margen se aplica a todos los lados

26
00:01:23,469 --> 00:01:25,030
por todos los lados del div

27
00:01:25,030 --> 00:01:27,409
y entonces 10 píxeles de separación

28
00:01:27,409 --> 00:01:27,930
¿de acuerdo?

29
00:01:28,750 --> 00:01:31,569
con lo cual si vemos la diferencia de los dos

30
00:01:31,569 --> 00:01:33,549
div o dos grandes

31
00:01:33,549 --> 00:01:35,170
conjuntos de párrafos

32
00:01:35,170 --> 00:01:37,810
en este caso

33
00:01:37,810 --> 00:01:39,170
más o menos tenemos lo mismo

34
00:01:39,170 --> 00:01:41,849
incluso si tuviéramos un div dentro de otro

35
00:01:41,849 --> 00:01:43,390
pues podríamos cambiarle

36
00:01:43,390 --> 00:01:44,730
algunas características

37
00:01:44,730 --> 00:01:47,310
¿cuándo utilizamos estas divisiones?

38
00:01:47,409 --> 00:01:49,129
pues realmente cuando consideremos

39
00:01:49,129 --> 00:01:50,370
que esta información

40
00:01:50,370 --> 00:01:52,890
corresponde a cosas distintas

41
00:01:52,890 --> 00:01:56,489
o tengamos que enfatizar algún elemento o algo por el estilo

42
00:01:56,489 --> 00:01:58,250
si no, no tiene mucho interés

43
00:01:58,250 --> 00:02:04,329
en estos casos todavía con estos CSS estamos simplemente cambiando colores

44
00:02:04,329 --> 00:02:10,150
pero podríamos poner por ejemplo que este primer div estuviera puesto por aquí

45
00:02:10,150 --> 00:02:13,689
y el resto por aquí, etc, etc, colocándolo dentro de la página

46
00:02:13,689 --> 00:02:19,689
con lo cual el div si lo vamos a utilizar para maquetar tanto nuestra información

47
00:02:19,689 --> 00:02:24,530
u otras etiquetas, como todas que hemos visto antes de la estructura del documento.