1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

Como insertar caracteres especiales en tu HTMLimagen de greefus groinks

Referencia de Caracteres especiales en Aprendiendo Web

Hace un par de días escribí sobre cómo insertar caracteres especiales en tus páginas web, ahora he creado una página de referencia de todos los caracteres especiales de HTML tomados de la referencia del W3C.

Estos son los caracteres de HTML

 ¡¢£¤¥¦§¨©ª«¬­® ¯°±²³´µ¶·¸¹º»¼ ½¾¿ÀÁÂÃÄÅÆÇÈ ÉÊËÌÍÎÏÐÑÒÓÔÕ Ö×ØÙÚÛÜÝÞßàáâ ãäåæçèéêëìíîï ðñòóôõö÷øùúûü ýþÿƒΑΒΓΔΕΖΗΘΙΚ ΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβ γδεζηθικλμνξοπρ ςστυφχψωϑϒϖ•…′ ″‾⁄℘ℑℜ™ℵ←↑→↓↔↵ ⇐⇑⇒⇓⇔∀∂∃∅∇∈∉∋∏∑ −∗√∝∞∠∧∨∩∪∫∴∼≅≈≠ ≡≤≥⊂⊃⊄⊆⊇⊕⊗⊥⋅⌈⌉⌊ ⌋⟨⟩◊♠♣♥♦"&<>Œœ ŠšŸˆ˜   ‌‍‎‏–— ‘’‚“”„†‡‰‹›€

Para esto he creado una página aparte llamada Caracteres especiales en HTML (Character entity references) y la he puesto en una nueva sección de referencia que puedes ubicar en el sidebar, justo debajo de las secciones.

También tengo planeado agregar referencias de XHTML y CSS.

Espero que les sea útil.

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de Illi.Pro Illi.Pro

    Wow si que te tomaste un buen trabajo y tiempo para hacer esta lista de referencia, muchas gracias por ello ;).

  2. Avatar de Germán Germán

    Sí, tomó su tiempo, sobre todo el hecho de hacer una tabla para eso, ya sabes: <tr class=""><td></td><td></td></tr> :P luego había que hacer ver más fácil la referencia del W3C.

    Pero definitivamente valió al pena el trabajo :)

    Un abrazo.

  3. Avatar de Lore Lore

    Germán, ¿cómo puedo insertar los corchetes?

  4. Avatar de Germán Germán

    Lore, los corchetes [ ] los puedes poner con los códigos &#91; y &#93;

    Los he agregado a la referencia de caracteres especiales en HTML que puedes ver en el sidebar.

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910