CSS (hojas de estilo en cascada) es un lenguaje de hojas de estilo utilizado para diseñar una página web para que sea atractiva. La razón para usar esto es simplificar el proceso de hacer que las páginas web estén presentables. Te permite aplicar estilos en las páginas web. Más importante aún, le permite hacer esto independientemente del HTML que conforma cada página web.
En este artículo, vamos a aprender sobre el trabajo de CSS con elementos falsos.
Elementos falsos: los elementos falsos son elementos en HTML que no se especifican en el documento HTML. Es posible crear elementos falsos. Simplemente cree un elemento con el nombre que desee, pero no se recomienda su uso. Veamos por qué no se recomienda su uso.
Ejemplo 1: En el siguiente ejemplo, hemos creado algunos elementos falsos. Hemos creado un elemento llamado «GeeksforGeeks» y funciona bien con el navegador.
HTML
<!DOCTYPE html>
<html>
<head>
<title>GeeksforGeeks</title>
<style>
body {
text-align: center;
}
GeeksforGeeks {
color: green;
font-size: 60px;
}
</style>
</head>
<body>
<GeeksforGeeks>GeeksforGeeks</GeeksforGeeks>
</body>
</html>
Producción:
¿Por qué CSS está trabajando con este elemento?
Esto se debe a que algunos navegadores están diseñados para ser compatibles con futuras adiciones a HTML y los elementos no reconocidos se analizan en el DOM pero no tienen funciones. Veamos la funcionalidad predeterminada del elemento falso.
Ejemplo 2: en el siguiente ejemplo, veremos la funcionalidad predeterminada de los elementos falsos.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
h1 {
color: green;
font-size: 60px;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<GeeksforGeeks>GeeksforGeeks</GeeksforGeeks><br>
<is>GeeksforGeeks</is><br>
<a>GeeksforGeeks</a><br>
<computer>GeeksforGeeks</computer><br>
<science>GeeksforGeeks</science><br>
<portal>GeeksforGeeks</portal><br>
<for>GeeksforGeeks</for><br>
<geeks>GeeksforGeeks</geeks><br>
</body>
</html>
Producción:
Recomendamos no utilizar elementos falsos para el desarrollo de ninguna página web por el siguiente motivo:
- La especificación HTML no permite elementos falsos.
- Los elementos falsos pueden entrar en conflicto con futuros elementos estándar con el mismo nombre.
- En la especificación HTML debe haber un elemento mejor con alguna especialidad porque los elementos falsos no hacen nada por defecto.