title: Characters text are displayed as black diamonds with question marks on notepad++
body: <p>I have problems to display the special characters correctly (spanish special characters), i added the meta tag:</p>
  
  <pre><code>&lt;meta charset="UTF-8"&gt;
  
  &lt;meta charset="UTF-16"&gt;
  
  &lt;meta charset="ISO-8859-1"&gt;.
  
  &lt;html&gt;
  &lt;head&gt;&lt;meta charset="UTF-8"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link href="./docu2_files/special.css" rel="stylesheet" type="text/css"&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>As soon as i added a special word like:</p>
  
  <pre><code>&lt;li&gt;&lt;a id="page7"&gt;Instalación de Software&lt;/a&gt;&lt;/li&gt;.
  </code></pre>
  
  <p>After the save goes like this:</p>
  
  <pre><code>&lt;li&gt;&lt;a id="page7"&gt;Instalaci�n de Software&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>In notepad the codification is:</p>
  
  <p><strong>UTF-8</strong></p>