En este artículo, conoceremos las entidades HTML y comprenderemos su implementación a través de los ejemplos. 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, ‘<‘ 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 algunos nombres y números de entidad para usar estos símbolos. Los nombres de entidad distinguen entre mayúsculas y minúsculas. El número de entidad es fácil de aprender.
Sintaxis:
&entity_name; or &#entity_number;
A continuación se enumeran algunos Símbolos útiles con su nombre de Entidad y números de Entidad:
Notación |
simbolos |
Nombre de la entidad |
Número de entidad |
|---|---|---|---|
| espacio irrompible | |||
| < | menos que | < | < |
| ® | marca registrada | reg; | ® |
| © | derechos de autor | &Copiar; | © |
| € | euro | € | € |
| ¥ | yen | ¥ | ¥ |
| £ | libra | &libra; | £ |
| ¢ | centavo | ¢avo; | ¢ |
| “ | comillas dobles | « | “ |
| & | ampersand | &erio; | & |
| > | mas grande que | > | > |
| ∂ | DIFERENCIAL PARCIAL | &parte; | ∂< |
| ∃ | EXISTE | &existir; | ∃ |
| ∅ | CONJUNTOS VACÍOS | &vacío; | ∅ |
| ∇ | NABLA | ∇ | ∇ |
| ∈ | ELEMENTO DE | &es en; | ∈ |
| ∉ | NO ES UN ELEMENTO DE | &no en; | ∉ |
| ∋ | CONTIENE COMO MIEMBRO | ∋ | 8715 |
| ∏ | PRODUCTO N-ARIO | &pinchar; | ∏ |
| ∑ | SUMA NARIA | &suma; | ∑ |
| A | Alfa | &Alfa; | A |
| B | Beta | Β | B |
| Γ | Gama | &Gama; | Γ |
| Δ | delta | Δ | Δ |
| mi | épsilon | &épsilon; | mi |
| Ζ | zeta | Ζ | Ζ |
| ♥ | TRAJE CORAZON NEGRO | &corazones; | ♥ |
| ♣ | TRAJE CLUB NEGRO | ♣ | ♣ |
| ♠ | TRAJE PALA NEGRO | &espadas; | ♠ |
| ↓ | FLECHA HACIA ABAJO | & darr; | ↓ |
| → | FLECHA HACIA LA DERECHA | → | → |
| ↑ | FLECHA HACIA ARRIBA | ↑ | ↑ |
| ← | FLECHA HACIA LA IZQUIERDA | ← | ← |
| ™ | MARCA COMERCIAL | &comercio; | ™ |
| ♦ | TRAJE DE DIAMANTE NEGRO | ♦ | ♦ |
| ° | la licenciatura | ° | ° |
| ∞ | infinito | ∞ | ∞ |
| ‰ | Por milla | ‰ | ‰ |
| ⋅ | punto de multiplicación | ⋅ | ⋅ |
| ± | mas menos | ± | ± |
| † | hermitiano | &daga; | † |
| — | – | – | — |
| ¬ | – | &no; | ¬ |
| µ | Micro (mu) | µ | µ |
| ⊥ | falso | % | ⊥ |
| ∥ | paralela | ∥ | ∥ |
Ejemplo: En este ejemplo, hemos representado diferentes símbolos de entidad en HTML.
HTML
<!DOCTYPE html> <html> <body> <h2>GeeksforGeeks</h2> <div class="container"> <h3>Different entity symbol representation</h3> <ul style="list-style-type:none;"> <li> <h4>Indian currency: ₹</h4> </li> <li> <h4>Euro: €</h4> </li> <li> <h4>Pound: £</h4> </li> <li> <h4>Yen: ¥</h4> </li> <li> <h4>Dollar: $</h4> </li> </ul> </div> </body> </html>
Producción:
Entidades HTML
Caracteres reservados: estos caracteres están reservados para HTML o aquellos que no están presentes en el teclado básico y no se pueden usar directamente.
Ejemplo: Aquí, se discuten algunos de los caracteres reservados:
Carácter reservado |
Nombre de la entidad |
|---|---|
| & | &erio; |
| < | < |
| > | > |
| “ | « |
Otros caracteres: algunos caracteres que no están disponibles directamente en nuestro teclado, por lo tanto, dicha entidad puede usarse para representarla usando su número de entidad.
Ejemplo: estas palabras clave directamente no están disponibles para escribir, necesitamos especificar su número de entidad. Aquí #x antes de los números representa la representación hexadecimal.
Personaje |
Entidades |
|---|---|
|
≥ |
≥ ≥ &MayorIgual; |
|
© |
&Copiar; © |
|
€ |
€ € |
|
∃ |
∃ ∃ ∃ |
Ejemplo: Este ejemplo ilustra el uso de los caracteres especiales que directamente no están disponibles para escribir desde el teclado.
HTML
<!DOCTYPE html> <html> <head> <title>HTML Entities</title> </head> <body> <p>Showing euro €</p> <p>Showing cent ¢</p> <p>Showing Copyright ©</p> <p>Showing BLACK DIAMOND SUIT ♦</p> <p>Showing TRADEMARK ™</p> </body> </html>
Producción:
Personaje especial
Ventaja de la entidad HTML:
- Los nombres de las entidades pueden ser fáciles de recordar.
Desventajas:
- Es posible que los navegadores no admitan todos los nombres de entidad; en su lugar, pueden admitir el uso de números de entidad.
Espacio que no se rompe: se utiliza para proporcionar el espacio que no se romperá en una nueva línea. Esta entidad HTML está representada por eso separará las 2 palabras y se mantendrán juntas sin dividirlas en una nueva línea. También podemos usar el espacio sin interrupciones para evitar que los navegadores trunquen los espacios en las páginas HTML. El guión de no separación (‑) se utiliza para definir un carácter de guión (‑) que no se divide en una nueva línea.
Ejemplo:
- 12:00 PM
- 256 km/h
Si solemos escribir 10 espacios en nuestro texto, entonces el navegador eliminará 9 de ellos. Para agregar espacios reales en nuestro texto, podemos usar la entidad del carácter.
Marcas diacríticas: una marca diacrítica es un «glifo» que se agrega a una letra. Los signos diacríticos como graves (` ̀) y agudos (́) se llaman acentos. Puede aparecer tanto encima como debajo de una letra, dentro de una letra y entre dos letras. Los signos diacríticos se pueden utilizar en combinación con caracteres alfanuméricos para generar un carácter que no está presente en el conjunto de caracteres (codificación) utilizado en la página. Aquí está la lista de algunos signos diacríticos.
simbolos |
Personaje |
Número de entidad |
Resultado final |
|---|---|---|---|
|
̀ |
a |
a |
a |
|
́ |
a |
a |
a |
|
̂ |
a |
a |
a |
|
̃ |
a |
a |
a |
|
̀ |
O |
Ò |
Ò |
|
́ |
O |
o |
o |
|
̂ |
O |
Ô |
Ô |
|
̃ |
O |
Õ |
Õ |
Navegador compatible:
- Google Chrome
- Borde de Microsoft
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por Shahnawaz_Ali y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA