{"id":5413,"date":"2015-09-08T13:28:32","date_gmt":"2015-09-08T11:28:32","guid":{"rendered":"http:\/\/giusseppe.net\/blog\/?p=5413"},"modified":"2015-09-08T13:35:41","modified_gmt":"2015-09-08T11:35:41","slug":"www-carmendelarosa-com","status":"publish","type":"post","link":"https:\/\/www.giusseppe.net\/blog\/archivo\/2015\/09\/08\/www-carmendelarosa-com\/","title":{"rendered":"www.carmendelarosa.com"},"content":{"rendered":"

\"principal<\/a><\/p>\n

La semana pasada dedicamos varios d\u00edas a rehacer la web de Carmen de la Rosa<\/a>.<\/p>\n

Es un trabajo que suele resultar cansado y tedioso, aunque los resultados han sido bastante satisfactorios. Ha quedado una web moderna y profesional, seria y sutil, delicada y dulce… como ella.<\/p>\n

Sigo programando HTML con mi muy querido editor VI<\/a>, sobre, por supuesto, Linux (Mint)<\/a>, y como habitualmente, he tenido problemas de codificaci\u00f3n de las p\u00e1ginas. Nuestras queridas \u00d1\/\u00f1, por no hablar de los Euros (\u20ac) que est\u00e1n contenidos sin problema en UTF-8, resulta que no lo est\u00e1n tan f\u00e1cilmente en ISO-8859-1, as\u00ed que a veces las p\u00e1ginas no tienen ni idea (porque yo no lo incluyo) el conjunto de caracteres que las construye.<\/p>\n

Esto es as\u00ed porque yo sol\u00eda programar en aquella \u00e9poca en la que solo hab\u00eda ASCII… 256 caracteres y hab\u00eda que apa\u00f1arse… pero en estos tiempos modernos (jejejeje) las cosas pueden simplificarse si se saben algunas nociones como incluir un \u00abtag\u00bb meta en las cabeceras de cada una de las p\u00e1ginas web est\u00e1ticas que manejamos dici\u00e9ndole cu\u00e1l es el tipo de caracteres con el que est\u00e1 hecho ese fichero.<\/p>\n

\"pagina<\/a><\/p>\n

Eso puede hacerse de diversas maneras:<\/p>\n


\n< meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" >
\nque se puede abreviar como:
\n< meta charset=\"UTF-8\" >
\n<\/code><\/p>\n

Para indicar que el conjunto de caracteres es de tipo UTF-8, pero tambi\u00e9n dej\u00e1ndolos en iso-8859-1 a\u00f1adiendo la siguiente metainstrucci\u00f3n:<\/p>\n

< meta http-equiv=\"Content-Type\" content=\"text\/html; charset=iso-8859-1\" ><\/code><\/p>\n

Para ver qu\u00e9 tipo de codificaci\u00f3n contienen los archivos existe el comando file y un ejemplo de su utilizaci\u00f3n ser\u00eda:<\/p>\n

giusseppe@PCTACENS \/media\/GSPDISK\/jmdomin\/web-sites\/carmendelarosa $ file -i es_*html<\/strong>
\nes_bio.html: text\/html; charset=utf-8
\nes_clases.html: text\/html; charset=iso-8859-1
\nes_contacto.html: text\/html; charset=utf-8
\nes_contacto.iso-8859-1.html: text\/html; charset=iso-8859-1
\nes_fotos.html: text\/html; charset=iso-8859-1
\nes_frames.html: text\/html; charset=utf-8
\nes_main.html: text\/html; charset=utf-8
\nes_nclave.html: text\/html; charset=utf-8
\nes_videos.html: text\/html; charset=us-ascii<\/code><\/p>\n

Y, por \u00faltimo, la posibilidad de convertir archivos de un formato a otro, mediante el comando iconv<\/a>, en este caso incluido en un script que convierte todos los archivos de un determinado directorio pasado en la l\u00ednea de comandos, de un formato (UTF-8<\/a>) a otro (ISO-8859-15<\/a>).<\/p>\n

#!\/bin\/bash<\/p>\n

DIRECTORIO=$1<\/p>\n

cd $1
\nfor file in *.txt
\ndo
\n iconv<\/strong> -c -t ISO-8859-15 -f UTF-8 \"$file\" -o \"${file%.txt}.iso8859-15.txt\"
\ndone
\n<\/code><\/p>\n

Cambiando *.txt por *.html, podr\u00eda cambiar todos los archivos html de una web y as\u00ed hacer que tuviesen el mismo tipo de codificaci\u00f3n, invirtiendo el orden de -t (to-format) y -f (from-format), para tenerlos todos en UTF-8, en lugar de tener variedad de formatos.<\/p>\n","protected":false},"excerpt":{"rendered":"

La semana pasada dedicamos varios d\u00edas a rehacer la web de Carmen de la Rosa. Es un trabajo que suele resultar cansado y tedioso, aunque los resultados han sido bastante satisfactorios. Ha quedado una web moderna y profesional, seria y sutil, delicada y dulce… como ella. Sigo programando HTML con mi muy querido editor VI, … Read morewww.carmendelarosa.com<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[69,110],"tags":[63,76,98,66,105,188],"class_list":["post-5413","post","type-post","status-publish","format-standard","hentry","category-confidencias","category-tecnologia-opinion","tag-carmen","tag-informatica","tag-internet","tag-tango","tag-tecnologia","tag-utf-8"],"_links":{"self":[{"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/posts\/5413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/comments?post=5413"}],"version-history":[{"count":5,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/posts\/5413\/revisions"}],"predecessor-version":[{"id":5420,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/posts\/5413\/revisions\/5420"}],"wp:attachment":[{"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/media?parent=5413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/categories?post=5413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/tags?post=5413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}