HTML Link (Hyperlink) Generator
Verlinkt zu einer URL – mit optionalem Öffnen in neuem Tab, Download oder Sicherheits-rel.
Anwendung & Beispiele
Bei target="_blank" immer rel="noopener noreferrer" setzen, um Tabnabbing-Angriffe und Performance-Probleme zu vermeiden.
FAQ
Wann ist target="_blank" sinnvoll?
Wenn der Klick aus dem Kontext der Seite herausführen würde (externe Links, PDFs zur Referenz, Hilfe-Dokumente). Innerhalb der eigenen Seite besser im selben Tab bleiben — Nutzer können selbst entscheiden.
Was bewirkt das download-Attribut?
Statt zur URL zu navigieren, wird die Datei direkt heruntergeladen. Funktioniert nur bei same-origin Links. Mit download="dateiname.pdf" kannst du den Speichernamen vorgeben.
Wie verlinke ich auf eine E-Mail oder Telefonnummer?
<a href="mailto:name@example.com"> öffnet den Mail-Client; <a href="tel:+49123456"> startet den Telefon-Dialer auf Mobilgeräten.
Was ist Tabnabbing?
Eine Sicherheitslücke, bei der die geöffnete Zielseite über window.opener die Quellseite manipulieren kann. rel="noopener" verhindert das.
Wofür sind ID, Class und Title?
id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.
Funktioniert der Code in allen Browsern?
Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.