Visualización de caracteres especiales HTML

Algunos caracteres tienen significados especiales en HTML. Por ejemplo, el signo menor que indica el comienzo de la etiqueta HTML. Este signo menor que no se muestra en la página web que finalmente vemos. ¿Qué pasa si queremos mostrar un signo menor que en la página web?

Se trata de entidades de caracteres HTML.

Una entidad de carácter se divide en tres partes: la primera parte es un símbolo, llamado símbolo en inglés; la segunda parte es el nombre de la entidad o # más el número de la entidad; .

Por ejemplo, para mostrar el signo menor que, puedes escribir lt; o # 60;.

La ventaja de utilizar nombres de entidades es que son fáciles de entender. Si observa lt, probablemente pueda adivinar que significa menos que, pero su desventaja es que no todos los navegadores admiten los nombres de entidades más recientes. Los números de entidad pueden ser manejados por varios navegadores.

Nota: Las entidades distinguen entre mayúsculas y minúsculas.

Cómo mostrar el espacio

Normalmente, HTML eliminará automáticamente los espacios sobrantes. No importa cuántos espacios se agreguen, cuenta como un espacio. Por ejemplo, si se añaden 10 espacios entre dos palabras, HTML cortará 9 espacios y conservará sólo uno. Para agregar espacios a una página web, use nbsp para representar un espacio.

La entidad de carácter más utilizada.

El resultado de la visualización muestra el nombre de la entidad y el número de la entidad con un espacio. #160;menos quelt;#60;mayor quegt;#62;symbolamp;#38;"doublequote"#34;

Otros caracteres de uso común resultados de visualización de entidades nombre de entidad número de entidad copia de derechos de autor #169; Marca registrada reg#174; _ 1 uevpeq { zoom: 1; color de fondo: # borde fff: 0; margen inferior: 10px; relleno: 30px 0 20px 42px posición: relativo}. : 20px 0 }. uevpeq { tamaño de fuente: 16px 0 10px } . # 7 A8 F9 a ; altura: 25px altura de línea: 25px desbordamiento: oculto; posición: relativa } . contenido: ""; pantalla: bloque; altura: 0; visibilidad: oculto a . tycfu 7 u {color: #666; tamaño de fuente: 12px; decoración de texto: ninguno} ex {color: # 666; tamaño de fuente: 13px; altura de línea: 20px margen superior: 10px}. vnsdjzp {margen superior: 15px; posición: relativo}. }. vnsdjzp a {decoración de texto: ninguna}. vnsdjzp em {color: #d 81419; estilo de fuente: normal}. {margen superior: 24px}.

_ 9rp 2 sus { mostrar: bloque; desbordamiento: oculto ancho: automático}. _4fuv54y,. _85hk68c, .c84cjyj, .cd2v8yz, .gbuysgj, .gbxbqd2, .kpq54qk, .kw488k9, .puc33cm, .rdg9v5w, .yg 47 vz 5 { tamaño de caja: borde-caja flotante: altura mínima: 1px; posición: relativa} .cd2v8yz {ancho: 8.33333333}. gbuysgj { ancho: 16.66666666 } . c 84 cjyj { ancho: 25 } puc 33 cm { ancho: 33.33333333 }. _ 85hk 68 c { ancho: 50 } . rdg 9 V5 w { ancho: 58.33333333 } kw 488k 9 { ancho: 66.666666667 } . _ 4 fuv 54y {ancho: 91.66666667} yg 47 vz 5 {ancho: 100} HC 9 ala 2 {flotador: derecho} cuerpo xny 78 f 9, cuerpo div. Pantalla: bloque; familia de fuentes: Arial, Helvetica, Sans-serif; tamaño de fuente: 14px. importante; altura de línea: 19px; margen inferior: 10px; decoración de texto: ninguno } a . }. ndfxdqz, . q 1 dpns 8 { ajuste de palabra: salto de palabra; -webkit-box-orient: vertical; visualización: -WebKit-box: oculto; ndfxdqz{-webkit-line-clamp:3}. _7qtpw9j{-webkit-line-clamp: 4}. _2dt35k2,. _ 7qtpw9j { ajuste de palabra: palabra de ruptura; -webkit-box-orient: vertical; visualización: -WebKit-box: palabra oculta: ruptura de todo}. _2dt35k2{-webkit-line-clamp:5}. _ 1 R3 uysh {-WebKit-line-clamp: 10}.

_1r3uysh, .yux2cc 6 { ajuste de palabra: ruptura de palabra; -webkit-box-orient: vertical; visualización: -WebKit-box; desbordamiento: oculto: ruptura de todo } . -abrazadera:12}. _ 4b xpxs 9 {-WebKit-line-clamp:18;word-break:word-break;-webkit-box-orient:vertical;display:-WebKit-box;overflow:hidden;word-break:break-all} cuerpo . k 795 fxy { color: # 7 A8 F9 a; familia de fuentes: Arial, Helvetica, sans-serif; tamaño de fuente: 12px altura de línea: 22px posición superior: relativa; y(. 466666667 em )} cuerpo . k 795 fxy: antes { contenido: " "; pantalla: bloque; margen superior: -10px } cuerpo . a; mostrar: bloque } cuerpo .k 795 fxy a _ 1 ncz an { color: #666 } cuerpo .k 795 fxy botón { fondo: #fff; : #38f flotante: derecha; tamaño de fuente: 12px; altura de línea: 12px; relleno: 7px 13px; posición: absoluta; derecha: 0 } cuerpo. .k 795 fxy. mxyzxgv { borde: 1px sólido #eee; radio del borde: 50; pantalla: bloque en línea; altura: 22px altura de la línea: 0; margen superior: -2px; 22px} cuerpo. accwaqu{margen-derecho: 8px}. zdjeshn {posición: absoluta; derecha: 0} .tx 6 hcqf {-WebKit-box-orient:horizontal;-WebKit-box-align:stretch;-WebKit-align-content:flex-start;-WebKit-align-items :estirar; mostrar: -WebKit-flex; -WebKit-flex-wrap: nowrap; -WebKit-justify-content: espacio entre; ancho: auto } BD E3 HFS { flex: 1 } cuerpo. n 1 yex 5 p, cuerpo . k 795 fxy div n 1 yex 5 p { display: flex; justificar-contenido: espacio entre } . EC-showurl-line:hover {decoración de texto: subrayado} k 795 fxy.

EC-showurl-line {color: #9 eacb 6} .k 795 fxy { padding-bottom: 1px } @charset "UTF-8"; _ 886 bxmw {tamaño de fuente: 12px; altura de línea: 22px padding-top: 0; transformar: traducir y(. 416666667 em)} cuerpo. _ 886 bxmw: antes de {contenido: " "; pantalla: bloque; altura: 0 margen superior: -10px} texto. _886bxmw a, cuerpo. _886bxmw div{color: #333}cuerpo. _ 886 bxmw . d 81 nas 8 { color: # 999; tamaño de fuente: 15 px; altura de línea: 25 px }. _886bxmw. _9mnfgfc{margen-derecho: 5px}. Fuente _886bxmw{color: #34b458}. CE-2246. Fuente _886bxmw{color: #c60a00}. CE-2246. _886bxmw{tamaño de fuente:16px}. CE-2246. _ 8gpc 1uj { posición: relativa }. CE-2246. _ 8 GPC 1uj: después de {color de fondo: # fff; abajo: 0; color: # 34b458 contenido: "Haga clic para ver detalles"; pantalla: bloque en línea: 10px; : absoluto ;derecha:0}. CE-2246. _ 8gpc 1uj: antes {imagen de fondo: gradiente lineal (270 grados, #fff, hsla(0, 0, 100, 0)); abajo: 0; alto: 29px posición: derecha absoluta; 90pxwidth: 47px} cuerpo. c 69 sfzc {pantalla: flex; tamaño de fuente: 0; desbordamiento: oculto} cuerpo. _ 5d n6 uyv {margen-derecho: 8px; ancho máximo: 35px ancho mínimo: 35px alineación vertical: arriba} Texto. qrpnxfs { fondo: URL(//nv00 . cdn . BCE Bos . com/NV 01/static/ECOM/img/PC/head-img-535 c 333798 . png) sin duplicados 50; :100;ancho:100}Texto. nmkjhaf {alto: 35px; ancho mínimo: 0} cuerpo v 1 ftvns {color: #000; tamaño de fuente: 16px; peso de fuente: heredado; margen inferior: 8px; Desbordamiento de texto: puntos suspensivos; espacios en blanco: nowrap}cuerpo. _ 7pt 3pe 5 { color: #999; tamaño de fuente: 12px; altura de línea: 1 } cuerpo ._ 7 enmqsz { margen-. derecha: 15px } cuerpo.

_ 5dn6uyv {radio de borde: 50; ancho máximo: 40 px ancho mínimo: 40 px desbordamiento: oculto} cuerpo v 1 ftvns {color: #333; peso de fuente: 700 px; margen inferior: 0 cuerpo. _ 7pt 3pe 5 { color: # 9 eacb 6; altura de línea: 17px; Margen superior: 3px} Taobao hot publicidad 2024-07-06 Curso de capacitación sobre desarrollo html5, compras en Taobao, obtenga súper descuentos y lo ayudará a fabricar mejores productos Una elección confiable . Una gran cantidad de productos de alta calidad y varios descuentos populares, ¡quedará satisfecho! simba.taobao.com! function(t){ "usar estricto"; function e(t, e){ if(t){ var n = nueva fecha(). getTime(), I = nueva imagen; t="rand=" (n Math.random()), ventana . ecomlogimage = { }, ventana . , mi = mi | | { }; 1; I . onload = I . en error = I . en abortar = function(o){ if(!e . charge){ if(o "load"! = = o . tipo){ e e . r) "error"; si no{i.src=t, r=! 0; devolver } } else " cargar " en e e . load()} I . en carga = I . en error = I . ,i.src=t}}var n,i=función(){var t,e,n,i=0,r=0,o=0,s=0,a=0,c=0,u= 0, l=0, h=/enlace\? URL\=([^\] )/, f=/\? url\=([^\.] )\./, d="enlace de datos ", p=/[? ]tn=([^]*)/; la función v(t){if(!t) regresa! 1;var e = h . ejecutivo(t)| f . ! e(h.exec(t)?e[1].longitud