Estructura del DOM para elementos b i u como hijos de p cuando hay texto?

[LhaN]

Buenas, puede alguien explicarme o si tiene algun enlace a algun articulo que explique en detalle como es el tema de la estructura del DOM cuando se trata de cosas como por ejemplo:

Código HTML:

<p>Un texto que tiene <b>negritas</b> y tambien tiene <i>cursivas</i></p>
 

Por que partiendo de que la estructura DOM deberia ser:

Código texto:

p
+-- texto: Un texto que tiene y tambien tiene
+-- b
|    +-- texto: negritas
+-- i
     +-- texto: cursivas
 

como es posible que se represente:

Código HTML:

<p>Un texto que tiene <b>negritas</b> y tambien tiene <i>cursivas</i></p>
 

cuando en realidad si lo mostraramos en el orden de la estructura quedaria:

Código HTML:

<p>Un texto que tiene y tambien tiene <b>negritas</b><i>cursivas</i></p>
 

Gracias desde ya.