La etiqueta <pre> define texto con formato previo. Todo (generalmente, fragmentos de código y texto) en un elemento de etiqueta <pre> se muestra en una fuente de ancho fijo y conserva tanto los espacios como los saltos de línea. En otras palabras, si alguien quiere mostrar sus fragmentos de código en una página web, simplemente puede incluir su código en la etiqueta.
Pero hay ciertas cosas que la mayoría de las personas pasan por alto por completo. Hay algunos caracteres reservados en la etiqueta <pre> . Los caracteres reservados son aquellos caracteres que están destinados a cumplir un propósito específico o reservado. Así que aquí está la lista de todos los caracteres reservados que también deben escaparse mientras se escribe el código en su interior:
- Menos que (<)
- mayor que (>)
- Y comercial (&)
- Comilla simple o apóstrofe (‘)
- Doble comillas («)
Como ya se mencionó, hay algunos caracteres reservados en la etiqueta <pre> . Estos caracteres tienen un significado específico y si colocamos estos caracteres dentro de nuestra etiqueta <pre> , los tratará como un carácter reservado y, por lo tanto, debemos escapar de ellos.
- Menor que (<): Está reservado para uso en etiquetas (como en <div></div>). Por lo tanto, este carácter solo tendrá este significado específico. Para escapar de ellos en la etiqueta de etiqueta <pre> , necesitamos usar < para el nombre de la entidad HTML o < para el número de la entidad HTML como reemplazo.
- Mayor que(>): Está reservado para uso en etiquetas (como en <body></body>). Por lo tanto, este carácter solo tendrá este significado específico. Para escapar de ellos en la etiqueta previa , necesitamos usar > para el nombre de la entidad HTML o > para el número de la entidad HTML como reemplazo.
- Ampersand(&): está reservado para entidades como que es el nombre de la entidad HTML para el espacio de no separación. Por lo tanto, tendrá ese significado reservado para todo el texto dentro de la etiqueta previa . Para escapar de ellos en la etiqueta previa , necesitamos usar & para el nombre de la entidad HTML o & para el número de la entidad HTML como reemplazo.
- Comilla simple o apóstrofe (‘): se reserva para definir valores a los atributos como <div float:’left’> </div> y, por lo tanto, corresponderá a ese significado solo en todo el código entre preetiqueta . Para escapar de ellos en la etiqueta previa , necesitamos usar ‘ para el número de entidad HTML como reemplazo, ya que no tiene ningún nombre de entidad HTML.
- Comillas dobles («): nuevamente se reserva para definir valores para los atributos como <div class:»title»> </div> y, por lo tanto, corresponderá a ese significado solo en todo el código entre la preetiqueta . Para escapar de ellos en la etiqueta previa , necesitamos usar » para el nombre de la entidad HTML o « para el número de la entidad HTML como reemplazo.
Ejemplo:
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <center> <h2 style="color: green;">GeeksforGeeks</h2> <p>A Computer Science Portal for Geeks</p> <pre> <h2>GeeksforGeeks</h2> <p>A Computer Science Portal for Geeks</p> </pre> </center> </body> </html>
Producción:
Algunos otros símbolos especiales que deben escaparse junto con su nombre de entidad y número de entidad son:
| simbolos | Nombre de la entidad | Número de entidad |
|---|---|---|
| Espacio irrompible ( ) | ||
| Marca Registrada (®) | reg; | ® |
| Derechos de autor (©) | &Copiar; | © |
| euros (€) | € | € |
| Libra (£) | &libra; | £ |
| Céntimo (¢) | ¢avo; | ¢ |
Publicación traducida automáticamente
Artículo escrito por pcpiyush1106 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA