HTML proporciona algún método para mostrar caracteres reservados. Los caracteres reservados son aquellos caracteres que están reservados para HTML o aquellos que no están presentes en el teclado básico. Por ejemplo: ‘<‘ ya está reservado en lenguaje HTML. A veces, este carácter debe mostrarse en la página web, lo que crea ambigüedad en el código. Junto con estos están los caracteres que normalmente no están presentes en el teclado básico (£, ¥, €, ©), etc. HTML proporciona algún nombre de Entidad y número de Entidad para usar estos símbolos. El número de entidad es fácil de aprender. Consulte la lista de entidades HTML .
Ejemplo: este ejemplo usa entidades HTML que usan CSS para agregar algo de contenido en el documento.
<!DOCTYPE HTML>
<html>
<head>
<!--If you write HTML entities directly, then
it will not provide the desired result-->
<!--If you add < symbol before the content,
then it will not produce the desired result-->
<!-- If you add > symbol after the content,
then it will not produce the desired result-->
<style>
h1:before {
content:'<';
color:'green';
}
h1:after {
content:'>';
color:'green';
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeeks</h1>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo agrega el signo mayor que y menor que usando CSS, el signo mayor que y menor que se agrega usando su Unicode de escape correspondiente.
Ejemplo:
<!DOCTYPE HTML>
<html>
<head>
<!--If you want to add < symbol before the content,
then use its "Unicode<div id="practice"></div>" which is "003C"-->
<!--If you want to add > symbol after the content,
then use its "Unicode" which is "003E"-->
<style>
h1:before {
content:'\003C';
color:'green';
}
h1:after {
content:'\003E';
color:'green';
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeeks</h1>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por AmanAgarwal6 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA