Un elemento de bloque es generalmente un elemento contenedor para otros elementos. Los elementos de bloque generalmente comienzan en una nueva línea. Puede acomodar elementos en línea y otros elementos de bloque. Un elemento de bloque común es la etiqueta de párrafo "P". Extraordinario, sólo se puede utilizar para contener otros elementos del bloque. Sin la ayuda de CSS, los elementos del bloque se organizarán línea por línea. Con CSS, podemos cambiar el modo de diseño predeterminado de este HTML y colocar los elementos del bloque donde deseemos. En lugar de empezar estúpidamente una nueva línea cada vez. Cabe señalar que la etiqueta de tabla también es un tipo de elemento de bloque. Mire estos dos diseños desde la perspectiva de los usuarios comunes (excluyendo personas con discapacidad visual, personas ciegas, etc.). Velocidad de carga de la página. Excepto por la diferencia, no hay otra diferencia. Pero si un usuario normal hace clic sin darse cuenta en el botón Ver código fuente de la página, la diferencia entre los dos será muy grande. El código fuente de la página de diseño CSS diseñado en base a buenos conceptos de reconstrucción puede al menos permitir que los usuarios comunes sin experiencia en desarrollo web comprendan rápidamente el contenido. Desde esta perspectiva, el código de diseño CSS debería tener una mejor experiencia estética. Puedes pensar en el elemento contenedor de bloques div como cajas, o si has jugado con el recorte, será más fácil de entender. Primero recortamos los artículos necesarios de varios periódicos y revistas. Cada pieza de contenido cortado es un bloque. Luego pegamos estos trozos de papel en un nuevo trozo de papel en blanco según nuestra intención de diseño. Esto formará su propio resumen único. Como extensión de la tecnología, el diseño web sigue el mismo patrón. Los elementos en línea generalmente se basan en elementos básicos a nivel semántico. Los elementos en línea solo pueden contener texto u otros elementos en línea, y el elemento en línea común "a" lo es. Cabe señalar que el nombre chino del elemento en línea incluye una variedad de elementos en línea, elementos en línea, elementos en línea y elementos en línea. Básicamente no existe una traducción unificada, simplemente llámala como quieras. Además, cuando hablamos de elementos en línea, pensaremos en un atributo de visualización llamado display:inline. Este atributo puede solucionar el famoso problema del doble borde flotante de IE. El elemento de bloque (elemento de bloque) y el elemento en línea (elemento en línea) son conceptos en la especificación HTML. La diferencia básica entre elementos de bloque y elementos en línea es que los elementos de bloque generalmente comienzan en una nueva línea. Cuando se agrega control CSS, esta diferencia de atributo entre elementos de bloque y elementos en línea ya no se convierte en una diferencia. Por ejemplo, podemos agregar un atributo como display:block al elemento en línea citar, de modo que también tenga el atributo de comenzar desde una nueva línea cada vez. Los elementos variables se basan en los dos anteriores y cambian con el entorno. Su concepto básico es que necesita determinar si el elemento es un elemento de bloque o un elemento en línea según el contexto. Los elementos variables todavía pertenecen a las dos categorías de elementos anteriores. Una vez que el contexto determina su categoría, deben seguir las reglas de los elementos de bloque o los elementos en línea. Detalles de clasificación en línea y en bloque de etiquetas html: elemento de bloque div css xhtml xml Ejemplo de código fuente Ejemplo de código fuente elemento en línea div css xhtml xml Ejemplo de código fuente Ejemplo de código fuente elementos mutables div css xhtml xml Ejemplo de código fuente Ejemplo de código fuente
◎ dirección - dirección ◎ cita en bloque - cita en bloque ◎ centro - bloque de alineación ◎ dir - lista de directorios ◎ div - conveniencia de nivel de bloque de uso común, también la etiqueta principal del diseño CSS ◎ dl - lista de definiciones ◎ conjunto de campos - grupo de control de formulario ◎ formulario - interacción Formulario ◎ h1 - título principal ◎ h2 - subtítulo ◎ h3 - título de nivel 3 ◎ h4 - Título de nivel 4 ◎ h5 - Título de nivel 5 ◎ h6 - Título de nivel 6 ◎ hr - Línea separadora horizontal ◎ isindex - mensaje de entrada
◎ menú - lista de menús ◎ noframes - contenido opcional de marcos (muestra este contenido de bloque para navegadores que no admiten marcos) ◎ noscript - contenido de secuencia de comandos opcional (muestra este contenido para navegadores que no admiten secuencias de comandos)
◎ ol - forma ordenada ◎ p - párrafo ◎ texto preformateado ◎ tabla - tabla ◎ ul - lista sin clasificar
◎ a - punto de anclaje ◎ abbr - abreviatura ◎ acrónimo - letra inicial ◎ b - negrita (no recomendado)
◎ bdo - anulación de bidi
◎ grande - fuente grande ◎ br - salto de línea ◎ citar - citar ◎ código - código de computadora (obligatorio al citar el código fuente)
◎ dfn - definir campos ◎ em - enfatizar ◎ fuente - configuración de fuente (no recomendado)
◎ i - cursiva ◎ img - imagen ◎ entrada - cuadro de entrada ◎ kbd - definir texto del teclado ◎ etiqueta - etiqueta de tabla ◎ q - cita corta ◎ s - subrayado (no recomendado)
◎ samp: define código de computadora de muestra ◎ select: selección de elementos ◎ small: texto de fuente pequeña ◎ span: contenedor en línea de uso común, define bloques dentro del texto ◎ strike - subrayado ◎ fuerte: énfasis en negrita ◎ sub - subíndice ◎ sup - superíndice ◎ área de texto - cuadro de entrada de texto de varias líneas ◎ tt - texto de télex ◎ u - subrayado ◎ var - Definir variables
Un elemento mutable es un elemento de bloque o un elemento en línea según el contexto.
◎ subprograma-subprograma de Java
◎ botón - botón ◎ del - eliminar texto ◎ iframe - marco en línea
◎ ins - texto insertado ◎ mapa - bloque de imagen (mapa)
◎ objeto - objeto objeto ◎ script - script de cliente