Diferencia entre un bloque y un elemento en línea

páginas web modelan su contenido en elementos HTML. elementos HTML caen en dos categorías: en línea y el bloque. ¿Qué categoría es un tipo de elemento en determina los tipos de estructura que puede aparecer en el interior, así como el tipo de estructuras que pueden aparecer en ella, con el fin de una página que se forme correctamente. El estado de un elemento, ya sea como un nivel de bloque en línea o también afecta a cómo se muestra su contenido en el navegador Web.

Tipos de elementos

Los diversos tipos de elementos en el modelo HTML diferentes tipos de contenido de la página Web. páginas HTML utilizan estructuras de árbol, lo que significa que los elementos pueden contener elementos secundarios. En la mayoría de los casos, un solo elemento aparece dentro de una página entre las etiquetas de apertura y cierre, como en el siguiente ejemplo, que representa un párrafo:

<P> Aquí es un poco de texto dentro de un elemento de párrafo. </ P>

elementos HTML pueden contener texto, multimedia y otros elementos. Al crear una estructura de la página web, los desarrolladores deciden qué tipos de elementos a utilizar para el contenido que necesitan para mostrar. Una estructura general de la página Web normalmente implica múltiples elementos contenidos en estructuras anidadas, que pueden ser muy complejo en algunos casos.

anidación

Para que una página Web para funcionar con fiabilidad en diferentes navegadores Web, el contenido dentro de ella tiene que ajustarse a las normas de anidación estándar para HTML. elementos de bloque pueden contener otros elementos de bloque, así como los elementos en línea. Los elementos en línea sólo pueden contener otros elementos en línea, así como su contenido, que es por lo general sólo texto. Por ejemplo, el siguiente código de ejemplo muestra un "div", los padres que es un elemento de bloque, que contiene otro "div" como un elemento secundario, que a su vez contiene un "lapso", que es un elemento en línea:

<Div id = "padre">

<Div id = "niño">

<Span> Un texto </ span>

</ Div>

</ Div>

Los elementos "div" pueden contener varios otros elementos secundarios. El "span" puede contener varios otros elementos en línea, pero no podría, por ejemplo, contener otro "div".

CSS

El CSS o Cascading Style Sheet, las declaraciones de una página web puede especificar si el navegador debe mostrar ciertos elementos como bloque o en línea. Esto permite a los desarrolladores para adaptar la apariencia de tales elementos, independientemente de si se bloquean o en línea de forma natural. Por ejemplo, un párrafo es un elemento de bloque, pero el siguiente código CSS especifica que los párrafos con un atributo de clase particular, deben aparecer en línea:

p.inl {

display: inline;

}

navegadores Web muestran de forma automática los elementos de bloque con saltos de línea antes y después de ellos, con los elementos en línea, naturalmente, caer en línea dentro de unos a otros. Se especifica que un elemento debe mostrarse como uno o el otro usando la propiedad CSS en pantalla hace cumplir esta presentación independientemente del tipo de elemento.

restricciones

Aunque el código CSS se puede especificar que un elemento de bloque se debe mostrar en línea, o que un elemento en línea se debe tratar como a nivel de bloque, esto no cambia las restricciones de anidación en tales elementos. Esto significa que incluso si un elemento en línea, tales como "span" tiene una declaración CSS que indica que debe mostrarse como a nivel de bloque, todavía no debe tener elementos de bloque anidado en su interior o en la página generarán errores de marcado.