Básicamente, hay dos métodos para mostrar etiquetas HTML como texto sin formato.
1. Uso del elemento <texto sin formato>: el elemento de texto sin formato está en desuso, lo que significa que esta característica ya no es compatible. Aunque algunos navegadores aún pueden admitirlo, no se recomienda su uso.
2. Entidades HTML: la segunda y única opción disponible es usar entidades html. <,> son caracteres reservados en HTML. Para mostrar estos caracteres reservados, debe reemplazarlos con entidades html. Puede obtener más información sobre las entidades aquí . Puede usar el nombre de la entidad o el número de la entidad inicializándolos con & y finalizándolos con ;
Consulte la siguiente tabla para conocer las entidades html requeridas:
|
Señal |
Descripción | Nombre de la entidad | número de entidad |
| < | Menos que (inicio del elemento html) | < | < |
| > | Mayor que (final del elemento html) | > | > |
| “ | Comillas dobles | « | « |
| & | Ampersand (comienzo de la entidad html) | &erio; | & |
Ejemplo 1: en el primer ejemplo, estamos usando nombres de entidades html para mostrar el elemento del cuerpo y el elemento de párrafo en la página web.
HTML
<!DOCTYPE html> <html> <head> <title>Plain text </title> </head> <body> <pre> Paragraph element: <p> </p> Body element : < body > < /body > </pre> </body> </html>
Producción:
Producción
Explicación: En el código anterior, «<« y «>» simplemente se reemplazan por sus respectivas entidades html. <pre></pre> es un elemento html que define el texto preformateado.
Ejemplo 2: en el siguiente ejemplo, estamos tratando de mostrar el nombre de la entidad html para «<« usando el nombre de la entidad para el signo «&» .
HTML
<!DOCTYPE html> <html lang="en"> <head> <title>Plain text demo</title> </head> <body> <pre> < is entity name for < </pre> </body> </html>
Producción:
Producción
Explicación: En el ejemplo anterior, «&» se reemplaza por «&» y “<“ se reemplaza por “<”
Publicación traducida automáticamente
Artículo escrito por kajaldhatrak y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA