Heim Web-Frontend HTML-Tutorial Entsprechende Attribute und Verwendung von XHTML-Tags in der CSS_HTML/Xhtml_Webpage-Produktion

Entsprechende Attribute und Verwendung von XHTML-Tags in der CSS_HTML/Xhtml_Webpage-Produktion

May 16, 2016 pm 04:43 PM
使用 Kann 属性 搜索引擎 标签 用法 网站 网页


Als ich zum ersten Mal mit XHTML-CSS zum Entwerfen von Webseiten in Kontakt kam, hatte ich wenig Erfahrung mit der Verwendung von Tags und habe oft alles verwendet, was mir in den Sinn kam, weil ich dachte, dass es ausreichen würde, solange es den gewünschten Effekt erzielen kann. Aber mit der Vertiefung des Studiums und des Verständnisses des Wissens über Suchmaschinenoptimierung habe ich herausgefunden, dass die Verwendung von Tags tatsächlich eine Wissenschaft ist. Wir haben im CSS-Tutorial-Artikel von Script Home - jb51.net den Schwerpunkt auf die Semantik gelegt. Wie verwendet man also HTML-Tags? Wo werden sie im Allgemeinen verwendet?
Als ich zum ersten Mal mit XHTML-CSS zum Entwerfen von Webseiten in Kontakt kam, hatte ich wenig Erfahrung mit der Verwendung von Tags und war sehr beiläufig und habe oft alles verwendet, was mir in den Sinn kam, weil ich dachte, dass es die Wirkung erzielen würde, solange es möglich ist ausreichen. Aber mit der Vertiefung des Studiums und des Verständnisses des Wissens über Suchmaschinenoptimierung habe ich herausgefunden, dass die Verwendung von Tags tatsächlich eine Wissenschaft ist.
Hier werde ich keine detaillierte Einführung in die entsprechenden Attribute und die Verwendung jedes Tags in CSS geben, sondern mich auf die Anwendung in Webseiten konzentrieren. Ich hoffe, dass es für alle hilfreich sein kann.
1. DIV
DIV sollte denjenigen bekannt sein, die XHTML-Websites erstellen. Viele Websites und Materialien nennen auch den Web-Standard-Website-Aufbau. Es ist nicht unangemessen, es so zu nennen, da W3C nicht empfiehlt, das Table-Tag im Layout von Webseiten zu verwenden, und DIV als Layout-Tag natürlich die wichtige Verantwortung für das Layout übernimmt.
DIV kann auch als großer Container bezeichnet werden. Zusätzlich zum allgemeinen Strukturlayout der Webseite wird empfohlen, es zur Unterteilung von Bereichen zu verwenden, die auf der Webseite relativ unabhängig erscheinen. Genau wie bei einer Zeitung ist die Funktion von DIV ein großer Container zum Aufteilen unterschiedlicher Inhalte. In verschiedenen Bereichen werden je nach Situation geeignete Etiketten ausgewählt.
2. H-Tag
Das H-Tag ist ein Titel-Tag, der oft vor einem Absatz verwendet wird, um die Bedeutung des Absatzes anzuzeigen. Es kann je nach Anzeigeebene und auszudrückender Bedeutung in H1 bis H6 unterteilt werden.
H1 ist von höchster Bedeutung und wird oft verwendet, um eine Beschreibung der Funktion und Art der gesamten Website auszudrücken oder um die Zielgruppe anzugeben, für die die Website bestimmt ist. Andere Tags werden verwendet, um je nach Level den Namen eines bestimmten Bereichs oder eine allgemeine Beschreibung eines bestimmten Einführungstextes anzuzeigen.
Da es sich um eine allgemeine Beschreibung der Website oder einen bestimmten Textabschnitt handelt, hat das H-Tag im Vergleich zu Suchmaschinen einen hohen Stellenwert. Dies bedeutet jedoch nicht, dass es gelegentlich verwendet werden kann. Einige Websites verwenden beispielsweise H-Tags, um Schlüsselwörter in einem Textabschnitt anzuzeigen, um gezielt Rankings für bestimmte Schlüsselwörter anzustreben. Oder verwenden Sie einfach das H-Tag als Container zum Layouten der Webseite. Dies bringt die Rolle des H-Tags völlig durcheinander und wird nicht empfohlen.
3. P
P ist ein Absatz-Tag, der zur Unterscheidung verschiedener Absätze eines Textsatzes verwendet wird. Für Suchmaschinen hat entsprechend ihrer Crawling-Reihenfolge auch der Text im ersten P-Tag einen hohen Wert. Wie Baidu ignoriert es den Text in der Meta-Tag-Beschreibung (Beschreibung) und erfasst den Inhalt im ersten P-Tag (nicht unbedingt).
Einige Websites verwenden bei der Segmentierung das
-Tag, um Suchmaschinen das Crawlen von mehr Inhalten zu ermöglichen und Benutzern ein besseres Surferlebnis zu bieten. Das heißt nicht, dass es unmöglich ist. Manchmal kann der gewünschte Effekt überhaupt nicht erzielt werden. Für streng typisierte Dokumente:
Es ist ein Tag, der zur Ausdrucksform gehört und nicht verwendet werden darf.
Obwohl die meisten Websites Übergangsdokumenttypen verwenden, empfehle ich nicht, diese für die Textsegmentierung zu verwenden.
4. UL- und LI-Tags
Dies ist eine ungeordnete Liste. Das UL-Tag ist eine Deklaration der Liste und LI ist ein Listenelement. Aufgrund der relativen Unabhängigkeit seiner Projekte wird es häufig in Navigation, Nachrichten- oder Artikellisten usw. verwendet. UL kann auch als Container zur Unterscheidung verschiedener Listen verwendet werden.
Einige Websites können „Webstandards“ verfolgen und Tabellen so umwandeln, dass sie UL und LI verwenden, um sie auszudrücken. Dies erschwert das Lesen und Warten der Webseiten. Das falsche Verständnis widerspricht dem Konzept, das uns durch Webstandards vermittelt wird.
5. Table
Ich werde hier nicht zu viel über die Verwendung von Table sagen, ich möchte nur sagen, dass der Webstandard nicht bedeutet, dass Table in Zukunft nicht verwendet werden kann, aber dass es nicht empfohlen wird Verwenden Sie die Tabelle nur für das Layout und nur für die Anzeige der zu verwendenden Daten. Daher besteht kein Widerspruch zwischen webkonformen Webseiten und der Verwendung von Tabellen-Tags.
6. Für Suchmaschinen vorbereitete Tags
(1) Titel: der Titel der Webseite und eine Beschreibung der Website. Subtags sind auch für Suchmaschinen wertvoll und enthalten häufig Zielschlüsselwörter.
(2) Meta-Schlüsselwörter: die Hauptschlüsselwörter auf der Webseite. Es wurde ursprünglich entwickelt, um Suchmaschinen die Klassifizierung von Websites zu erleichtern. Da viele Websites dieses Tag später jedoch häufig zum Betrügen nutzten, um das Keyword-Ranking günstiger zu gestalten, hat dieses Tag für Suchmaschinen mittlerweile fast keine Bedeutung mehr.
(3) Meta-Beschreibung: Beschreibung der Webseite. Wie Schlüsselwörter war es ursprünglich dazu gedacht, die Suchmaschinenklassifizierung zu erleichtern. Dies liegt auch daran, dass viele Websites dieses Tag zum Betrügen verwenden, sodass es für Suchmaschinen nicht mehr so ​​wichtig ist. Derzeit crawlt unter den Mainstream-Suchmaschinen nur noch Google die Inhalte, ermittelt jedoch kaum Keywords anhand der Inhalte.
Tatsächlich ist für Suchmaschinen die Qualität des Inhalts das Wichtigste. Ebenso erstellen wir Websites, um uns bei Besuchern zu bewerben. Bitte vergessen Sie aufgrund der Schnelligkeit nicht die Grundlagen. Schließlich geht es den Nutzern darum, ob die Informationen ihren Bedürfnissen entsprechen, und nicht um das Ranking Ihrer Website.
Die oben genannten Tags sind für Anfänger leichter zu verwechseln. Wenn Sie in Zukunft auf neue Probleme stoßen, werden wir dies auch weiterhin tun .
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie sende ich Webseiten als Verknüpfung im Edge-Browser an den Desktop? Wie sende ich Webseiten als Verknüpfung im Edge-Browser an den Desktop? Mar 14, 2024 pm 05:22 PM

Wie sende ich Webseiten als Verknüpfung im Edge-Browser an den Desktop? Viele unserer Benutzer möchten häufig verwendete Webseiten als Verknüpfungen auf dem Desktop anzeigen, um Zugriffsseiten bequemer öffnen zu können, wissen jedoch nicht, wie das geht. Als Reaktion auf dieses Problem wird der Herausgeber dieser Ausgabe dies mitteilen Werfen wir einen Blick auf den Inhalt des heutigen Software-Tutorials. Die Verknüpfungsmethode zum Senden von Webseiten an den Desktop im Edge-Browser: 1. Öffnen Sie die Software und klicken Sie auf der Seite auf die Schaltfläche „…“. 2. Wählen Sie in der Dropdown-Menüoption „Diese Site als Anwendung installieren“ unter „Anwendung“ aus. 3. Klicken Sie abschließend im Popup-Fenster darauf

Mar 18, 2024 pm 02:58 PM

CrystalDiskMark ist ein kleines HDD-Benchmark-Tool für Festplatten, das schnell sequentielle und zufällige Lese-/Schreibgeschwindigkeiten misst. Lassen Sie sich als Nächstes vom Redakteur CrystalDiskMark und die Verwendung von CrystalDiskMark vorstellen ). Zufällige I/O-Leistung. Es ist eine kostenlose Windows-Anwendung und bietet eine benutzerfreundliche Oberfläche und verschiedene Testmodi zur Bewertung verschiedener Aspekte der Festplattenleistung. Sie wird häufig in Hardware-Reviews verwendet

Mar 18, 2024 am 10:58 AM

foobar2000 ist eine Software, die Ihnen jederzeit Musik aller Art mit verlustfreier Klangqualität bietet Spielen Sie das erweiterte Audio auf dem Computer ab, um ein bequemeres und effizienteres Musikwiedergabeerlebnis zu ermöglichen. Das Interface-Design ist einfach, klar und benutzerfreundlich. Es nimmt einen minimalistischen Designstil an, ohne übermäßige Dekoration Es unterstützt außerdem eine Vielzahl von Skins und Themes, personalisiert Einstellungen nach Ihren eigenen Vorlieben und erstellt einen exklusiven Musikplayer, der die Wiedergabe mehrerer Audioformate unterstützt. Außerdem unterstützt es die Audio-Gain-Funktion zum Anpassen der Lautstärke Passen Sie die Lautstärke entsprechend Ihrem Hörzustand an, um Hörschäden durch zu hohe Lautstärke zu vermeiden. Als nächstes lass mich dir helfen

Was soll ich tun, wenn die Bilder auf der Webseite nicht geladen werden können? 6 Lösungen Was soll ich tun, wenn die Bilder auf der Webseite nicht geladen werden können? 6 Lösungen Mar 15, 2024 am 10:30 AM

Einige Internetnutzer stellten fest, dass die Bilder auf der Webseite beim Öffnen der Browser-Webseite längere Zeit nicht geladen werden konnten. Was ist passiert? Ich habe überprüft, ob das Netzwerk normal ist. Was ist also das Problem? Der folgende Editor stellt Ihnen sechs Lösungen für das Problem vor, dass Webseitenbilder nicht geladen werden können. Webseitenbilder können nicht geladen werden: 1. Internetgeschwindigkeitsproblem Die Webseite kann keine Bilder anzeigen. Dies kann daran liegen, dass die Internetgeschwindigkeit des Computers relativ langsam ist und mehr Software auf dem Computer geöffnet ist. Und die Bilder, auf die wir zugreifen, sind relativ groß Möglicherweise liegt eine Zeitüberschreitung beim Laden vor. Daher kann die Software, die mehr Netzwerkgeschwindigkeit verbraucht, nicht angezeigt werden. 2. Wenn auf der Webseite keine Bilder angezeigt werden können, liegt das möglicherweise daran, dass die von uns besuchten Webseiten gleichzeitig besucht wurden.

So verwenden Sie NetEase Mailbox Master So verwenden Sie NetEase Mailbox Master Mar 27, 2024 pm 05:32 PM

NetEase Mailbox ist eine von chinesischen Internetnutzern weit verbreitete E-Mail-Adresse und hat mit seinen stabilen und effizienten Diensten schon immer das Vertrauen der Benutzer gewonnen. NetEase Mailbox Master ist eine E-Mail-Software, die speziell für Mobiltelefonbenutzer entwickelt wurde. Sie vereinfacht das Senden und Empfangen von E-Mails erheblich und macht unsere E-Mail-Verarbeitung komfortabler. Wie Sie NetEase Mailbox Master verwenden und welche spezifischen Funktionen es bietet, wird Ihnen der Herausgeber dieser Website im Folgenden ausführlich vorstellen und hofft, Ihnen weiterzuhelfen! Zunächst können Sie die NetEase Mailbox Master-App im Mobile App Store suchen und herunterladen. Suchen Sie im App Store oder im Baidu Mobile Assistant nach „NetEase Mailbox Master“ und befolgen Sie dann die Anweisungen zur Installation. Nachdem der Download und die Installation abgeschlossen sind, öffnen wir das NetEase-E-Mail-Konto und melden uns an. Die Anmeldeschnittstelle ist wie unten dargestellt

So verwenden Sie die Baidu Netdisk-App So verwenden Sie die Baidu Netdisk-App Mar 27, 2024 pm 06:46 PM

Cloud-Speicher sind heutzutage aus unserem täglichen Leben und Arbeiten nicht mehr wegzudenken. Als einer der führenden Cloud-Speicherdienste in China hat Baidu Netdisk mit seinen leistungsstarken Speicherfunktionen, der effizienten Übertragungsgeschwindigkeit und dem komfortablen Bedienerlebnis die Gunst einer großen Anzahl von Benutzern gewonnen. Und egal, ob Sie wichtige Dateien sichern, Informationen teilen, Videos online ansehen oder Musik hören möchten, Baidu Cloud Disk kann Ihre Anforderungen erfüllen. Viele Benutzer verstehen jedoch möglicherweise nicht die spezifische Verwendung der Baidu Netdisk-App. Dieses Tutorial führt Sie daher im Detail in die Verwendung der Baidu Netdisk-App ein. Wenn Sie immer noch verwirrt sind, folgen Sie bitte diesem Artikel, um mehr im Detail zu erfahren. So verwenden Sie Baidu Cloud Network Disk: 1. Installation Wählen Sie beim Herunterladen und Installieren der Baidu Cloud-Software zunächst die benutzerdefinierte Installationsoption aus.

BTCC-Tutorial: Wie kann ich die MetaMask-Wallet an der BTCC-Börse binden und verwenden? BTCC-Tutorial: Wie kann ich die MetaMask-Wallet an der BTCC-Börse binden und verwenden? Apr 26, 2024 am 09:40 AM

MetaMask (auf Chinesisch auch Little Fox Wallet genannt) ist eine kostenlose und beliebte Verschlüsselungs-Wallet-Software. Derzeit unterstützt BTCC die Bindung an die MetaMask-Wallet. Nach der Bindung können Sie sich mit der MetaMask-Wallet schnell anmelden, Werte speichern, Münzen kaufen usw. und bei der erstmaligen Bindung einen Testbonus von 20 USDT erhalten. Im BTCCMetaMask-Wallet-Tutorial stellen wir detailliert vor, wie man MetaMask registriert und verwendet und wie man das Little Fox-Wallet in BTCC bindet und verwendet. Was ist die MetaMask-Wallet? Mit über 30 Millionen Nutzern ist MetaMask Little Fox Wallet heute eines der beliebtesten Kryptowährungs-Wallets. Die Nutzung ist kostenlos und kann als Erweiterung im Netzwerk installiert werden

Erfahren Sie, wie Sie die neuen erweiterten Funktionen von iOS 17.4 „Schutz vor gestohlenen Geräten' nutzen. Erfahren Sie, wie Sie die neuen erweiterten Funktionen von iOS 17.4 „Schutz vor gestohlenen Geräten' nutzen. Mar 10, 2024 pm 04:34 PM

Apple hat am Dienstag das iOS 17.4-Update veröffentlicht, das eine Reihe neuer Funktionen und Korrekturen für iPhones bringt. Das Update enthält neue Emojis und EU-Nutzer können diese auch aus anderen App-Stores herunterladen. Darüber hinaus stärkt das Update auch die Kontrolle der iPhone-Sicherheit und führt weitere Einstellungsoptionen für den „Schutz gestohlener Geräte“ ein, um Benutzern mehr Auswahl und Schutz zu bieten. „iOS17.3 führt zum ersten Mal die Funktion „Schutz vor gestohlenen Geräten“ ein, die den vertraulichen Informationen der Benutzer zusätzliche Sicherheit verleiht. Wenn der Benutzer nicht zu Hause oder an anderen vertrauten Orten ist, erfordert diese Funktion, dass der Benutzer zum ersten Mal biometrische Informationen eingibt Zeit und nach einer Stunde müssen Sie Informationen erneut eingeben, um auf bestimmte Daten zuzugreifen und diese zu ändern, z. B. um Ihr Apple-ID-Passwort zu ändern oder den Schutz vor gestohlenen Geräten zu deaktivieren.

See all articles