HTML-Einstellungen a

HTML-Tags festlegen

Ein Tag ist eines der am häufigsten verwendeten Tags in HTML. Seine Funktion besteht darin, einen Link zu erstellen, der es Benutzern ermöglicht, auf den Link zu klicken, um auf eine andere Webseite zuzugreifen, eine Datei herunterzuladen oder eine E-Mail zu senden. Die grundlegende Syntax des a-Tags lautet wie folgt:

<a href="链接地址">链接文本</a>

Unter diesen gibt das href-Attribut die URL-Adresse der Zielressource des Links an, und der Linktext ist der sichtbare Linktext, also der Textinhalt, den der Link enthält Der Benutzer sieht auf der Seite.

Zu den häufigsten Verwendungsszenarien für ein Tag gehören:

1. Zu einer anderen Webseite springen

   <a href="http://www.example.com">跳转到Example</a>

2. Eine Datei herunterladen

   <a href="http://example.com/file.docx">下载word文档</a>

3. Eine E-Mail senden

   <a href="mailto:example@example.com">联系我们</a>

Zusätzlich zur grundlegenden Syntax gibt es das A-Tag sind Viele weitere Eigenschaften können festgelegt werden. Einige der häufig verwendeten Eigenschaften werden im Folgenden vorgestellt.

1. Zielattribut
   Das Zielattribut gibt an, wo das Ziel des Links angezeigt wird. Die folgenden Werte sind für das Zielattribut üblich:

• _self: Der neue Link wird im aktuellen Fenster oder Frame angezeigt.
• _blank: Der neue Link wird in einem neuen Fenster oder neuen Tab angezeigt.
• _parent : Der neue Link wird im aktuellen Fenster oder Frame angezeigt. Anzeige im übergeordneten Frame des Fensters
• _top: Der neue Link wird im oberen Fenster in allen Frames angezeigt

Der folgende Code öffnet beispielsweise die Beispielseite in eine neue Registerkarte.

<a href="https://www.example.com" target="_blank">打开Example</a>

2. rel-Attribut
   rel-Attribut gibt die Beziehung des Links an, z. B. nofollow, noopener, noreferrer usw. Diese Attribute helfen Suchmaschinen zu verstehen, wie gut Ihre Seite verlinkt ist.

• nofollow: Benachrichtigen Sie Suchmaschinen, dem Link nicht zu folgen, und schließen Sie ihn von der Linkanalyse aus.
• noopener: Verhindern Sie, dass die Seite die Daten der Originalseite stiehlt, wenn sie in einem neuen Tab geöffnet wird.
• noreferrer: Verhindern Sie, dass die Seite stiehlt vom Springen Wenn die HTTP-Referer-Header-Informationen durchgesickert sind

Das Folgende ist ein Beispielcode, der das rel-Attribut verwendet:

<a href="http://www.example.com" rel="nofollow">Example</a>

3. title-Attribut
   Das title-Attribut gibt die Textinformationen an, die angezeigt werden, wenn die Maus über den Link fährt. Dies hilft Benutzern zu verstehen, was der Link bewirkt oder worum es geht.

<a href="http://www.example.com" title="前往Example">Example</a>

4. Download-Attribut
   Das Download-Attribut ist ein neues Attribut in HTML5, das angibt, dass die verknüpfte Ressource heruntergeladen oder gespeichert werden muss. Wenn der Benutzer auf den Link klickt, fordert der Browser zum Herunterladen der Datei auf oder lädt die Datei direkt herunter.

<a href="http://example.com/file.docx" download>下载</a>

Beim Festlegen des Download-Attributs können Sie den Namen der heruntergeladenen Datei angeben:

<a href="http://example.com/file.docx" download="mydoc.docx">下载</a>

Die oben genannten sind einige häufig verwendete Methoden zum Festlegen von Tag-Attributen. Zu beachten ist, dass beim Setzen eines Tags besonderes Augenmerk auf die Authentizität und Zuverlässigkeit der Zieladresse des Links sowie auf die Korrelation zwischen Linktext und Zielinhalt gelegt werden sollte, um Problemen wie einer Irreführung der Nutzer vorzubeugen oder Benutzer dazu verleiten, bösartige Websites zu besuchen.

Das obige ist der detaillierte Inhalt vonHTML-Einstellungen a. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!