HTML semántico

A estas alturas de la película, todavía hay gente que usa HTML mal y hace cosas como escribirlo todo con etiquetas <div> en vez de usar las etiquetas semánticas que existen. Esto siempre ocurrirá, porque siempre habrá gente nueva que aprenda HTML y lo aprenda mal. Para los que estén en esta situación, un par de páginas en las que explican qué es y para qué sirve el etiquetado semántico:

Las mejores universidades de Estados Unidos también cometen errores

Acabo de encontrar la infografía Best Education Sites, en la que podemos encontrar mucha información sobre la presencial en la Web de las universidades de Estados Unidos más importantes.

Me ha llamado la atención un par de datos que ofrece sobre los errores que tienen las páginas web. La University of Phoenix, una universidad online con más de 200 centros distribuidos por todo el mundo, tiene una página principal con casi 200 errores de CSS:

Por otro lado, entre las 10 principales escuelas de ingeniería hay algunas con numerosos errores en su página principal, y destaca Caltech con 51 errores, demasiados errores para una universidad en la que enseñan a hacer cohetes espaciales:

Nota: en la infografía se indica que la fecha de realización fue el año 2011, así que las versiones actuales de estos sitios web puede ser que ya no presenten estos errores.

Referencia de entidades de HTML

En la página web HTML Entity Reference for Common Characters podemos encontrar una lista de las entidades de HTML que más nos pueden interesar. Existen otras páginas en las que podemos encontrar listas más largas, como List of XML and HTML character entity references, pero muchas veces se tarda mucho tiempo en encontrar aquellos caracteres que estamos buscando.

Aquí tenemos la lista:

Nombre Carácter Entidad Numérico
Copyright © &copy; ©
Registered ® &reg; ®
Trademark &trade;
Curly Open Double Quote &ldquo;
Curly Closed Double Quote &rdquo;
Curly Open Single Quote &lsquo;
Curly Closed Single Quote &rsquo;
Big Bullet/Dot &bull;
Small Bullet/Dot · &middot; ·
Square Dot &sdot;
En Dash &ndash;
Em Dash &mdash;
Cents ¢ &cent; ¢
Pound (Currency) £ &pound; £
Euro (Currency) &euro;
Not Equal To &ne;
Half (Fraction) ½ &frac12; ½
Quarter (Fraction) ¼ &frac14; ¼
Three-Quarters (Fraction) ¾ &frac34; ¾
Degrees ° &deg; °
Left Arrow &larr;
Right Arrow &rarr;
Up Arrow &uarr;
Down Arrow &darr;
Lowercase “e”, Grave Accent è &egrave; è
Lowercase “e”, Acute Accent é &eacute; é
Lowercase “c”, Cedilla ç &ccedil; ç
Ellipse &hellip;
Triangle Down (none)
Triangle Up (none)
Triangle Left (none)
Triangle Right (none)
Nombre Carácter Entidad Numérico