title: Character encoding in HTML
body: <p>I have a problem with character encoding. This code will not show Danish letters æøå:</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
      &lt;link rel="stylesheet" href="stylesheets/reset.css"/&gt;
      &lt;link rel="stylesheet" href="stylesheets/css3buttons.css"/&gt;
      &lt;link rel="stylesheet" href="stylesheets/style.css"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="outerframe"&gt;
          &lt;div class="title"&gt;Familien intra&lt;/div&gt;
          &lt;div class="navigation"&gt;&lt;/div&gt;
  
          &lt;div class="contentframe"&gt;
              &lt;div class="tab default" data-title="Oversigt"&gt;
                  &lt;iframe style="float:right;margin:0px 0px 20px 20px;" src="https://www.google.com/calendar/embed?showTitle=0&amp;amp;showNav=0&amp;amp;showPrint=0&amp;amp;showTz=0&amp;amp;mode=AGENDA&amp;amp;height=400&amp;amp;wkst=2&amp;amp;hl=da&amp;amp;bgcolor=%23ffffff&amp;amp;src=o4240er9b5q8rk83f7p2rbgoj0%40group.calendar.google.com&amp;amp;color=%23B1365F&amp;amp;ctz=Europe%2FCopenhagen" style=" border-width:0 " width="400" height="400" frameborder="0" scrolling="no"&gt;&lt;/iframe&gt;
                  &lt;h2&gt;Links&lt;/h2&gt;
                  &lt;ul class="nobullet"&gt;
                      &lt;li&gt;&lt;a href="https://spreadsheets.google.com/ccc?key=0AkVjiPXeK_wXdEJ0RUhQaHZQZ2hXUDVxMHR5WlpHd2c&amp;hl=en_GB#gid=11" class="imgbullet" style="background-image:url(http://www.zmetro.com/graphics/google20x20.jpg)" target="_blank"&gt;Indkøbslisten&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="http://www.facebook.com/home.php?sk=group_129199637150329&amp;ap=1" class="imgbullet" style="background-image:url(http://www.golden-bound.com/home_page_extras/images/Facebook_icon_20x20.jpg);" target="_blank"&gt;Familiens Facebook-gruppe&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>I simply don't see what the problem is. Instead of showing æøå, it replaces them with upside down question marks...</p>