1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>SELFHTML: HTML/XHTML / Verweise (Links) / E-Mail-Verweise</title>
<meta name="description" content="Wie Sie in HTML Verweise auf E-Mail-Adressen setzen knnen, und welche Optionen dabei mglich sind.">
<meta name="keywords" content="SELFHTML, HTML, XHTML, Verweise, Links, Hyperlinks, E-Mail-Verweise, mailto-Verweise, a, href, mailto, subject, body, cc, bcc, vordefiniertes Subject, vordefinierter Body, Sonderzeichen">
<meta name="author" content="Redaktion SELFHTML, selfhtml81@selfhtml.org">
<meta name="robots" content="noindex, nofollow">
<meta name="DC.Publisher" content="SELFHTML e. V.">
<meta name="DC.Date" content="2005-10-31T12:25:34+01:00">
<meta name="DC.Identifier" content="http://de.selfhtml.org/html/verweise/email.htm">
<meta name="DC.Language" content="de">
<meta name="DC.Rights" content="../../editorial/copyright.htm">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="page">
<link rel="stylesheet" type="text/css" href="../../src/selfhtml.css">
<link rel="alternate" type="application/atom+xml" title="SELFHTML-Weblog (Atom, gesamt)" href="http://aktuell.de.selfhtml.org/weblog/atom-feed">
<link rel="alternate" type="application/rss+xml" title="SELFHTML-Weblog (RSS, Auszge)" href="http://aktuell.de.selfhtml.org/weblog/rss-feed">
<link rel="shortcut icon" type="image/x-icon" href="../../src/favicon.ico">
<link rel="author" title="Impressum" href="../../editorial/impressum.htm">
<link rel="contents" title="Inhaltsverzeichnis" href="../../navigation/inhalt.htm">
<link rel="index" title="Stichwortverzeichnis" href="../../navigation/stichwort.htm">
<link rel="search" title="Suche" href="../../navigation/suche/index.htm">
<link rel="help" title="Hilfe" href="../../editorial/index.htm">
<link rel="copyright" title="Urheberrecht" href="../../editorial/copyright.htm">
<link rel="top" title="SELFHTML" href="../../index.htm">
<link rel="up" title="Verweise (Links)" href="index.htm">
<link rel="next" title="Download-Verweise und Verweise auf beliebige Dateien" href="dateitypen.htm">
<link rel="prev" title="Projekt-externe Verweise" href="projektextern.htm">
<link rel="first" title="Verweise definieren und gestalten" href="definieren.htm">
<link rel="last" title="Tabulator-Reihenfolge und Tastaturkrzel fr Verweise" href="tastatur.htm">
</head>
<body>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td colspan="2" class="nav"><a class="an" name="top"><img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../../index.htm">SELFHTML</a>/<a href="../../navigation/index.htm" target="_parent" class="navh">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="../index.htm">HTML/XHTML</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="index.htm">Verweise (Links)</a></td>
</tr>
<tr>
<td class="doc" width="110"><a href="../../index.htm"><img src="../../src/logo.gif" width="106" height="109" border="0" alt="SELFHTML"></a></td>
<td class="docbot" width="100%"><h1 class="ph1">E-Mail-Verweise</h1></td>
</tr>
<tr>
<td class="doctop">
<img src="../../src/dokx.gif" width="30" height="20" vspace="6" alt="Informationsseite">
</td>
<td valign="top" nowrap="nowrap">
<p>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#definieren">Verweis zu E-Mail-Adresse definieren</a><br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#optionen">Optionen bei E-Mail-Verweisen</a><br>
</p>
</td>
</tr>
<tr><td colspan="2" class="doc"> <a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a> </td></tr>
</table>
<h2><img src="../../src/html20.gif" width="30" height="30" alt="HTML 2.0" title="HTML 2.0"><img src="../../src/xhtml10.gif" width="30" height="30" alt="XHTML 1.0" title="XHTML 1.0"><img src="../../src/msie4.gif" width="30" height="30" alt="MS IE 4.0" title="MS IE 4.0"><img src="../../src/netsc2.gif" width="30" height="30" alt="Netscape 2.0" title="Netscape 2.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0"> <a class="an" name="definieren">Verweis zu E-Mail-Adresse definieren</a></h2>
<p>Sie knnen auf jede beliebige E-Mail-Adresse im Internet-Format einen Verweis setzen. Eine Internet-gerechte E-Mail-Adresse erkennen Sie an dem Zeichen <var>@</var> in der Mitte der Adresse. Wenn der Anwender auf den Verweis klickt, kann er eine E-Mail an den betreffenden Empfnger absetzen. Normalerweise benutzen Anbieter von WWW-Seiten diese Mglichkeit, um Besuchern die Mglichkeit zu bieten, eine E-Mail an die eigene Adresse zu senden, zum Beispiel wegen Feedback zum Angebot. Sie knnen aber auch Verweise zu anderen E-Mail-Adressen anbieten.</p>
<h3 class="xmp">Beispiel:</h3>
<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite"> <a href="anzeige/a_href_mailto.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>E-Mail-Verweise definieren</title>
</head>
<body>
<h1>Impressum</h1>
<p>Verantwortlich f&uuml;r den Inhalt dieser Seiten ist:<br>
<a href="mailto:fritz.eierschale@example.org">Fritz Eierschale, fritz.eierschale@example.org</a>
</p>
</body>
</html>
</pre>
<h3 class="xpl">Erluterung:</h3>
<p>Verweise auf E-Mail-Adressen funktionieren nach dem gleichen Schema wie alle anderen Verweise. Beim <code>href</code>-Attribut des einleitenden <code><a></code>-Tags wird das Verweisziel angegeben. Verweisziele vom Typ "E-Mail" beginnen immer mit <code>mailto:</code> (<b>ohne</b> <code>//</code> dahinter!).</p>
<p>Der Verweis ist bei Anwendern nur ausfhrbar, wenn der Web-Browser das Erstellen und Absenden von E-Mails untersttzt (z.B. Netscape), oder wenn bei solchen Verweisen automatisch ein E-Mail-Programm gestartet wird (dies ist z.B. beim Internet Explorer der Fall).</p>
<h3 class="inf">Beachten Sie:</h3>
<p>Es ist sinnvoll, im Verweistext die E-Mail-Adresse noch einmal explizit zu nennen, so wie im obigen Beispiel, damit Anwender, bei denen der E-Mail-Verweis nicht ausfhrbar ist, auf Wunsch separat eine E-Mail senden knnen.</p>
<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>
<h2><img src="../../src/msie4.gif" width="30" height="30" alt="MS IE 4.0" title="MS IE 4.0"><img src="../../src/netsc2.gif" width="30" height="30" alt="Netscape 2.0" title="Netscape 2.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0"> <a class="an" name="optionen">Optionen bei E-Mail-Verweisen</a></h2>
<p>Die hier beschriebenen Optionen sind nicht im HTML-Standard verankert, widersprechen diesem aber auch nicht unbedingt, solange die Kodierungsregeln fr URIs eingehalten werden. Da sie von vielen Browsern interpretiert werden, sollen sie hier erwhnt werden.</p>
<p>Sie knnen:</p>
<ul>
<li>E-Mail-Verweise an mehrere Empfnger senden, wahlweise <code>cc</code> (sichtbare Kopienempfnger) oder <code>bcc</code> (unsichtbare Kopienempfnger),</li>
<li>anstelle einer einfachen E-Mail-Adresse ein vollstndiges Empfngerschema angeben von der Art:<br>
<code>Fritz Eierschale <fritz.eierschale@example.org></code></li>
<li>ein Subject vordefinieren, sodass beim ffnen des E-Mail-Editors das Betreff-Feld bereits mit einem Text Ihrer Wahl ausgefllt ist,</li>
<li>einen Body-Inhalt vordefinieren, sodass beim ffnen des E-Mail-Editors bereits Text im Nachrichtentext der E-Mail steht, z.B. eine Anrede,</li>
<li>alle Optionen kombinieren.</li>
</ul>
<p>Es besteht jedoch keinerlei Garantie, dass alle Mglichkeiten in allen Browsern und allen Kombinationen mit E-Mail-Programmen funktionieren.</p>
<h3 class="xmp">Beispiel:</h3>
<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite"> <a href="anzeige/a_href_mailto_opt.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Optionen bei E-Mail-Verweisen</title>
</head>
<body>
<h1>Tolle E-Mails</h1>
<p>Mail an einen Hauptempf&auml;nger und einen sichtbaren Kopienempf&auml;nger:<br>
<a href="mailto:beispiel@example.org?cc=heidi.bratze@example.org">Mail mit Kopie</a>
</p>
<p>Mail an einen Hauptempf&auml;nger und einen unsichtbaren Kopienempf&auml;nger:<br>
<a href="mailto:beispiel@example.org?bcc=heidi.bratze@example.org">Mail mit Geheimkopie</a>
</p>
<p>Mail mit vordefiniertem Subject (Betreff):<br>
<a href="mailto:beispiel@example.org?subject=eine%20Mail%20von%20deinen%20Web-Seiten">Mail mit Betreff</a>
</p>
<p>Mail mit vordefiniertem Body (Nachrichtentext):<br>
<a href="mailto:beispiel@example.org?body=Hallo%20Fritz,%0D%0A%0D%0Aich%20wollte%20nur%20sagen,%20dass%20">Mail mit Body</a>
</p>
<p>Mail mit kombinierten Optionen:<br>
<a href="mailto:fritz.eierschale@example.org?cc=heidi.bratze@example.org&amp;subject=Hallo%20Fritz,%20hallo%20Heidi">cc und Subject</a>
</p>
<p>Mail an zwei Hauptempf&auml;nger:<br>
<a href="mailto:beispiel@example.org,%20heidi.bratze@example.org">Mail an zwei</a>
</p>
<p>Mail mit vollst&auml;ndigem Adressierungsschema:<br>
<a href="mailto:Fritz%20Eierschale%20%3Cfritz.eierschale@example.org%3E">Mail mit Adressierungsschema</a>
</p>
</body>
</html>
</pre>
<h3 class="xpl">Erluterung:</h3>
<p>Die Optionen werden in dem Wert notiert, der dem <code>href</code>-Attribut zugewiesen wird. Es gibt also keine speziellen HTML-Attribute fr diese Optionen, und deshalb ist die Handhabung auch etwas umstndlich. Zuerst wird wie blich der Empfnger notiert. In den obigen Beispielen (mit Ausnahme des letzten) geschieht das jeweils durch <code>mailto:beispiel@example.org</code>. Dahinter wird ein Fragezeichen <code>?</code> notiert. Das ist in der URI-Syntax das bliche Zeichen, um Parameter an eine aufgerufene Adresse zu bergeben. Hinter dem Fragezeichen folgen die Parameter. Jede Option ist so ein Parameter und besteht aus einem Namen, einem Istgleichzeichen und einem zugewiesenen Wert. Als Optionsnamen sind erlaubt:<br>
<code>cc</code> (sichtbarer Kopienempfnger),<br>
<code>bcc</code> (unsichtbarer Kopienempfnger),<br>
<code>subject</code> (Betreff) und<br>
<code>body</code> (Nachrichtentext).<br>
Ein Konstrukt wie <code>cc=heidi.bratze@example.org</code> ist also ein vollstndiger Parameter und bedeutet: "sichtbare Kopie an heidi.bratze@example.org".</p>
<p>Bei den Wertzuweisungen an die Parameter knnen Zeichen vorkommen, die nicht zu einer gltigen URI gehren. Damit die URI gltig bleibt (andernfalls wre das Dokument auch kein gltiges HTML mehr), mssen diverse Zeichen maskiert werden. Die Maskierung besteht darin, ein Prozentzeichen <code>%</code> zu notieren, gefolgt von der hexadezimal ausgedrckten Zeichennummer des gewnschten Zeichens.</p>
<p>Die folgende Tabelle listet Zeichen auf, die maskiert werden mssen, weil sie innerhalb von URIs nicht vorkommen drfen oder eine bestimmte Bedeutung haben. Links steht das Zeichen, rechts die Zeichenkette, mit der Sie das Zeichen maskieren mssen:</p>
<table class="reftable" cellpadding="3" cellspacing="0" border="1">
<tr>
<th>Zeichen</th>
<th>Zeichenkette fr Maskierung</th>
</tr><tr>
<td class="code" nowrap="nowrap"><code>[neue Zeile]</code></td>
<td class="code" nowrap="nowrap"><code>%0A</code></td>
</tr><tr>
<td class="code" nowrap="nowrap"><code>[Wagenrcklauf]</code></td>
<td class="code" nowrap="nowrap"><code>%0D</code></td>
</tr><tr>
<td class="code" nowrap="nowrap"><code>[Leerzeichen]</code></td>
<td class="code" nowrap="nowrap"><code>%20</code></td>
</tr><tr>
<td class="code" nowrap="nowrap"><code>!</code></td>
<td class="code" nowrap="nowrap"><code>%21</code></td>
</tr><tr>
<td class="code" nowrap="nowrap"><code>#</code></td>
<td class="code" nowrap="nowrap"><code>%23</code></td>
</tr><tr>
<td class="code" nowrap="nowrap"><code>%</code></td>
<td class="code" nowrap="nowrap"><code>%25</code></td>
</tr><tr>
<td class="code" nowrap="nowrap"><code>*</code></td>
<td class="code" nowrap="nowrap"><code>%2A</code></td>
</tr><tr>
<td class="code" nowrap="nowrap"><code>/</code></td>
<td class="code" nowrap="nowrap"><code>%2F</code></td>
</tr><tr>
<td class="code" nowrap="nowrap"><code><</code></td>
<td class="code" nowrap="nowrap"><code>%3C</code></td>
</tr>
</tr><tr>
<td class="code" nowrap="nowrap"><code>></code></td>
<td class="code" nowrap="nowrap"><code>%3E</code></td>
</tr><tr>
<td class="code" nowrap="nowrap"><code>?</code></td>
<td class="code" nowrap="nowrap"><code>%3F</code></td>
</tr>
</tr></table>
<p>Ferner mssen Sie alle Zeichen maskieren, die nicht in der <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../../inter/zeichenkodierungen.htm">ASCII-Zeichentabelle</a> vorkommen, also z.B. deutsche Umlaute und scharfes S. Die folgende Tabelle listet die wichtigsten Zeichen und ihre Maskierung auf:</p>
<table class="reftable" cellpadding="3" cellspacing="0" border="1">
<tr>
<th>Zeichen</th>
<th>Zeichenkette fr Maskierung</th>
<th>Zeichen</th>
<th>Zeichenkette fr Maskierung</th>
</tr><tr>
<td class="code" nowrap="nowrap"><code></code></td>
<td class="code" nowrap="nowrap"><code>%C4</code></td>
<td class="code" nowrap="nowrap"><code></code></td>
<td class="code" nowrap="nowrap"><code>%E4</code></td>
</tr><tr>
<td class="code" nowrap="nowrap"><code></code></td>
<td class="code" nowrap="nowrap"><code>%D6</code></td>
<td class="code" nowrap="nowrap"><code></code></td>
<td class="code" nowrap="nowrap"><code>%F6</code></td>
</tr><tr>
<td class="code" nowrap="nowrap"><code></code></td>
<td class="code" nowrap="nowrap"><code>%DC</code></td>
<td class="code" nowrap="nowrap"><code></code></td>
<td class="code" nowrap="nowrap"><code>%FC</code></td>
</tr><tr>
<td class="code" nowrap="nowrap"><code></code></td>
<td class="code" nowrap="nowrap"><code>%DF</code></td>
<td class="code" nowrap="nowrap"><code> </code></td>
<td class="code" nowrap="nowrap"><code> </code></td>
</tr>
</table>
<p>Zur Ermittlung weiterer Zeichen knnen Sie beispielsweise in der <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../../inter/zeichenkodierungen.htm#iso8859_liste">Codetabelle der ISO-8859-1-Kodierung</a> die dezimale Nummer des gewnschten Zeichens ermitteln, von dieser Dezimalzahl dann mit dem <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../../helferlein/dezhex.htm">Dezimal/Hexadezimal-Umrechner</a> den Hexadezimalwert ermitteln, und noch ein Prozentzeichen davor notieren.</p>
<p>Wenn Sie mehrere Optionen kombinieren wollen, mssen Sie die Optionen durch ein kaufmnnisches Und (<code>&</code>) voneinander trennen. Nun darf ein solches Zeichen in HTML - auch nicht bei einer Wertzuweisung an ein Attribut - nicht unmaskiert vorkommen. Deshalb sollten Sie es wie in HTML blich mit <code>&amp;</code> maskieren. Leider gibt es einige ltere Browser (z.B. Netscape 3.x), die damit nicht klarkommen. Die E-Mail-Clients von Netscape 4.x, Outlook Express 5.x und Outlook 97/2000 (sowie eventuell auch neuere Versionen) interpretieren das maskierte & sogar vllig falsch. Hier <strong>muss</strong> ein unmaskiertes <code>&</code> im Link verwendet werden, da sonst die Optionen ab dieser Stelle einfach ignoriert werden.</p>
<p>Die folgende Zeichenkette:<br>
<code>cc=heidi.bratze@example.org&amp;subject=Hallo%20Fritz,%20hallo%20Heidi</code><br>
kombiniert im obigen Beispiel also die Optionen fr <code>cc</code> und <code>subject</code>. Um weitere Optionen hinzufgen, notieren Sie ein weiteres <code>&amp;</code> und dahinter eine weitere Option, bestehend aus Optionsname, Istgleichzeichen und zugewiesenem Wert.</p>
<p>Das letzte der obigen Beispiele zeigt, wie Sie ein vollstndiges Adressierungsschema gem RFC 822 als <code>mailto</code>-Adresse angeben. Ein solches Schema, wie Sie es vermutlich aus Ihrer E-Mail-Korrespondenz kennen, lautet beispielsweise:<br>
<code>Fritz Eierschale <fritz.eierschale@example.org></code><br>
In einem E-Mail-Verweis muss die Zuweisung an das <code>href</code>-Attribut jedoch so aussehen:<br>
<code>mailto:Fritz%20Eierschale%20%3Cfritz.eierschale@example.org%3E</code><br>
Auch in diesem Fall mssen Sie also alle weiter oben erwhnten Zeichen einschlielich <code><</code> und <code>></code> maskieren.</p>
<p>Um Browserprobleme zu vermeiden, sollten Sie auch das Zeichen "<code>-</code>" durch "<code>%2D</code>" kodieren.</p>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td colspan="2" class="doc">
<a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a>
</td></tr>
<tr><td class="doc"><a href="dateitypen.htm"><img src="../../src/next.gif" width="10" height="10" border="0" hspace="10" alt="weiter"></a></td>
<td width="100%"><img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="dateitypen.htm">Download-Verweise und Verweise auf beliebige Dateien</a>
</td></tr>
<tr>
<td class="doc"><a href="projektextern.htm"><img src="../../src/prev.gif" width="10" height="10" border="0" hspace="10" alt="zurck"></a></td>
<td><img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="projektextern.htm">Projekt-externe Verweise</a>
</td>
</tr>
<tr><td colspan="2" class="doc"> </td>
</tr>
<tr>
<td colspan="2" class="nav"><a class="an" name="bottom"><img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../../index.htm">SELFHTML</a>/<a href="../../navigation/index.htm" target="_parent" class="navh">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="../index.htm">HTML/XHTML</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="index.htm">Verweise (Links)</a></td>
</tr></table>
<p>© 2007 <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../../editorial/impressum.htm">Impressum</a></p>
</body>
</html>
|