Heim > Artikel > Web-Frontend > Welche neuen Attribute werden dem a-Tag in HTML5 hinzugefügt?
Welche neuen Attribute werden dem a-Tag in HTML5 hinzugefügt?
- 清浅Original
- 2018-11-30 17:45:576058Durchsuche
Zu den neuen Attributen des a-Tags in HTML5 gehören Zeichensatz, Form, Koordinaten, DownloadNew usw. zum Ändern des Linkstils
Das a-Tag in HTML5 verfügt über viele neue Attribute. Viele neue Funktionen und Stile wurden zu Hyperlinks hinzugefügt. Heute werde ich den Attributwert im neuen a-Tag in HTML5 ausführlich vorstellen Link zu anderen Seiten oder anderen lokalen Dateien. Das wichtigste Attribut des -Elements ist das href-Attribut, das das Ziel des Links angibt. Wenn kein href-Attribut vorhanden ist, können Sie keine Attribute wie target und type
[Empfohlene Kurse:
HTML5-Kurs]
Beispiel:
<a href="http://www.php.cn/">PHP中文网</a>Der Unterschied zwischen HTML und HTML5 besteht darin, dass in HTML das -Tag entweder ein Hyperlink oder ein Ankerpunkt sein kann, in HTML5 das Tag ist ein Hyperlink-Link
Neues Attribut des -Tags in HTML5
Zeichensatz: wird von HTML5 nicht unterstützt, bezieht sich auf die Zeichenkodierung der URL
Koordinaten: nicht von HTML5 unterstützt, bezieht sich auf die Koordinaten des Links. downloadNew: Geben Sie den Download-Link an hreflang: Die Basissprache der Ziel-URL, wird nur verwendet, wenn das href-Attribut vorhanden ist. mediaNew: Der Medientyp der Ziel-URL, wird nur verwendet, wenn das href-Attribut vorhanden ist und der Standardwert all ist. Name: Wird von HTML5 nicht unterstützt, der Name des Ankers. rel: Wird von HTML5 nicht unterstützt und bezieht sich auf die Beziehung zwischen der Ziel-URL und dem aktuellen Dokument. Form: HTML5 wird nicht unterstützt, bezieht sich auf die Form des Links. taget: bezieht sich darauf, wo die Ziel-URL geöffnet werden soll, wird nur verwendet, wenn das href-Attribut vorhanden ist. type Neu: Gibt den MIME-Typ der Ziel-URL an, der nur verwendet wird, wenn das href-Attribut vorhanden ist.Case-Sharing
Erstellen Sie eine Linkform eines Kreises für das Sternbild
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <img src="images/12.jpg" usemap="#xingxing" alt="Welche neuen Attribute werden dem a-Tag in HTML5 hinzugefügt?" > <map name="xingxing" id="xingxing"> <area href="https://baike.baidu.com/item/%E6%98%9F%E6%98%9F/5683398?fr=aladdin" shape="circle" coords="96,195,10" target="_blank"></area> </map> </object> </body> </html>
Bevor Sie klicken
Nach dem Klicken
Wenn Sie auf diesen Koordinatenkreis klicken, springt der a-Link zu dem durch das a-Tag angegebenen Link. 
Das obige ist der detaillierte Inhalt vonWelche neuen Attribute werden dem a-Tag in HTML5 hinzugefügt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!