10. Document Type Definition (DTD), serie de
reglas (machine-readable) que definen que es,
y que no es, permitido en una versión de XML o
(X)HTML.
11. DOCTYPE describe el DTD que se esta usando.
Usualmente, pero no siempre, incluye una URL
al archivo DTD específico.
12. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
http://www.alistapart.com/articles/doctype/
14. HTML 4.01 STRICT, TRANSITIONAL
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Tran-
sitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
15. XHTML 1.0 STRICT, TRANSITIONAL,
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.
dtd”>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Tran-
sitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi-
tional.dtd”>
27. <h1>Drupaleadas</h1>
<section>
<header>
<h2>Sobre los eventos</h2>
</header>
<p>Unete al evento nacional de drupaleros.</p>
<h3>San José</h3>
<p>Siga la línea roja.</p>
<h3>Cartago</h3>
<p>Ahí no volvemos, muy largo.</p>
<h3>Heredia</h3>
<p>Mmm <em>puede</em> ser.</p>
</section>
<small>Transporte no incluido.</small>
43. IE 6 y anteriores en “quirks mode”
width = visible/rendered width
height= visible/rendered height
44.
45. /* apply a natural box layout model to all elements */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
http://css-tricks.com/box-sizing/
http://paulirish.com/2012/box-sizing-border-box-ftw/
http://caniuse.com/#feat=css3-boxsizing