Das Hauptproblem im Zusammenhang mit HTML href für Schaltflächen besteht darin, dass es schwierig sein kann, die Schaltfläche so zu gestalten, dass sie in verschiedenen Browsern einheitlich aussieht. Wenn Sie ein Anker-Tag mit einem href-Attribut verwenden, wird der Link außerdem standardmäßig im selben Fenster geöffnet, was für bestimmte Arten von Links möglicherweise nicht wünschenswert ist. Wenn schließlich das href-Attribut nicht richtig konfiguriert ist, kann das Klicken auf die Schaltfläche zu einer Fehlerseite führen.
<button><a href="">Click Here</a></button>
1. Diese Codezeile erstellt ein Schaltflächenelement in HTML.
2. Innerhalb des Button-Elements befindet sich ein Anchor-Tag mit einem leeren href-Attribut.
3. Das Anchor-Tag enthält den Text „Hier klicken“.
Definition für HREF
HREF steht für Hypertext Reference und ist ein HTML-Attribut, das zur Definition eines Hyperlinks verwendet wird. Es wird verwendet, um eine Seite mit einer anderen zu verlinken, entweder auf derselben Website oder einer anderen Website. Das HREF-Attribut gibt das Ziel des Links an und kann mit anderen HTML-Elementen wie verwendet werden , und
Kann ich HREF in Schaltflächen-HTML verwenden?
Nein, es ist nicht möglich, ein href-Attribut in einem Button-Element in HTML zu verwenden. Das Button-Element unterstützt das href-Attribut nicht. Sie können jedoch JavaScript verwenden, um der Schaltfläche einen Klickereignis-Listener hinzuzufügen, der den Benutzer beim Klicken auf eine andere Seite führt.
Wie gestaltet man ein Href als Button
Um ein Anker-Tag als Schaltfläche in HTML zu formatieren, können Sie den folgenden Code verwenden:
Fügen Sie dann das folgende CSS zu Ihrem Stylesheet hinzu:
.Taste {
Hintergrundfarbe: #4CAF50; /* Grün */
Grenze: keine;
Farbe weiß;
padding: 15px 32px;
text-align: center;
Textdekoration: keine;
Anzeige: Inline-Block; Schriftgröße: 16px; Rand: 4px 2px; Cursor: Zeiger;}
