Heim >Web-Frontend >HTML-Tutorial >Detaillierte Einführung in HTML-Tags, Selektoren, Hyperlinks und SEO
Gemeinsame Tags:
Das img-Tag ist eine einzelne Tag-Alt-Funktion. Das Bild kann nicht geladen werden und zeigt den Inhalt im Alt an. img src="Bildname" alt="Bildname"/>
Detaillierte Einführung eines Tags:
Link-Implementierung eines Tags:
a-Tag Durch Klicken auf das a-Tag
gelangen Sie zum entsprechenden Link, um den Link zum Öffnen einer neuen Seite oder eines anderen Ziels zu steuern selbst und andere
Ihn
Schreiben Sie
zuerst
Implementierung eines Tags herunterladen: Geben Sie die herunterzuladenden Dinge ein Verwenden Sie #
darin, um die Download-Funktion zu implementieren
Die Ankerpunktimplementierung des a-Tags: (a Anchor) Bai Bu Fei
Sword
Der Titel-Tag ist nicht einer, sondern eine Gruppe von sechs:
< ;h4>
Absatz-Tags Verwenden Sie das p-Tag für einen Absatz
< ;p/>
Hervorhebungs-Tag stark Die Seite wird standardmäßig fett angezeigt
Inhalt (Inhalt)
Auch die Wirkung der Hervorhebung ist nicht so wichtig wie der Ton des Strong-Tags. Die Standardanzeige ist kursiv
span-Tag
zur Unterscheidung von Stilen, einem Textabsatz oder einem Inhaltsstil zur Unterscheidung von
Conten
Liste
Geordnete Liste
Keine Liste erforderlich
Definitionsliste
< ;/dl>
SEO: Suchmaschinenoptimierung Zum Beispiel: Baidu wait
Funktion: Es gibt ein Crawler-Programm, das täglich nach Informationen sucht und diese speichert
Vorteile von Tags:
Semantische Seiten-Tags;
Verwenden Sie Tags, die für die Suchmaschinenoptimierung von h1; 🎜> und verwenden Sie
nicht zu oft, um die Keyword-Dichte der Seite zu erhöhen. 100px;background:red;
}
Gruppenauswahl # gefolgt von id+","+ Eine Gruppe von IDs verwendet denselben Stil
. Die Verwendung von Box (id ) und Klasse ist eine Klasse, die als ID verstanden werden kann, die wiederholt verwendet werden kann
;
Auf den Klassenselektor können mehrere Stile folgen
Typselektor-Tag Name {}
Einschlussselektor: Wählen Sie
div p{ basierend auf der Einschlussbeziehung auf der Seite } bedeutet alle p-Tags im div-Tag
Platzhalter
*{border:1px solid red;} alle p-Tags auf der Seite haben dieses Format und sind grundsätzlich nutzlos
Selektorpriorität:
Voraussetzungen auf derselben Ebene: Der Stil ist standardmäßig eingestellt Letzteres überschreibt das erstere
Je höher die Inklusionsebene, desto weniger wird der Stil verwendet Wichtig ist nur die Reihenfolge der Stile
Type (1) (javaScrapt) Vergleichen Sie Stilprioritäten und beurteilen Sie anhand der Anzahl der höchsten Stilprioritäten Schreiben Sie während der Arbeit keine zu tiefen Inklusionsbeziehungen Pseudoklasse von a: Link nicht besucht bewegen Sie den Mauszeiger (mit der Maus darüber) aktive Linkaktivierung nach Besuch besucht ist im Stil geschrieben a: Link{} a:hover{} Pseudoklassensequenz-Link besucht Hover aktiv Anwendung: Suchmaschinenromane usw. div-Pseudoklasse: Hover Die meisten Tags unterstützen Hover IE6 unterstützt keine Pseudoklasse anderer Tags Unterstützt von IE6 und höher Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in HTML-Tags, Selektoren, Hyperlinks und SEO. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!