Heim Web-Frontend H5-Tutorial Was ist das Artikel-Tag in HTML5? Wo wird das Artikelelement in HTML5 verwendet?

Was ist das Artikel-Tag in HTML5? Wo wird das Artikelelement in HTML5 verwendet?

Aug 15, 2018 pm 01:29 PM

Was ist das Artikel-Tag in HTML5? Wo wird das Artikelelement in HTML5 verwendet? In diesem Artikel wird hauptsächlich erläutert, was das Artikel-Tag in HTML5 ist, wo Artikel verwendet wird und welche Standardattribute das Artikel-Tag in HTML5 hat. Werfen wir einen Blick darauf. (Am Ende des Artikels gibt es ein -Element, das etwas über die Selbsteinführung des Artikel-Tags aussagt)

Erklärung des Artikel-Tags in HTML5:

Dieses Tag bedeutet, dass es die DIV-Struktur ersetzen sollte, die ein großes externes Framework definiert, genau wie das äußerste DIV-Paar, das wir oft definieren. Jetzt gibt es diese verschiedenen Tags mit ihren eigenen hierarchischen Strukturen.

Es sollten also viele weitere Tags unter dem Artikel stehen. Nach der Kombination werden auch CSS-Designs angepasst, um die Anzeige seiner Stile zu unterstützen. Gleichzeitig sind noch einige Änderungen erforderlich, da HTML5-Duplikate nicht verfügbar sind einige seiner Funktionen

In Bezug auf das Schreiben von Dokumenten in HTML5 im Vergleich zu früheren Versionen wurden einige Tags hinzugefügt. Elementstruktur wie Kopfzeile, Fußzeile, Inhaltsbereich usw. Darunter werden Artikel- und Abschnittselemente zu den Hauptstrukturelementen hinzugefügt. Was ist also der Unterschied zwischen ihnen? Wann sollte ein Artikel und was ein Abschnitt verwendet werden?

Möchten Sie mehr über den Satz in HTML5 wissen:

Was ist der Abschnitt-Tag in HTML5? Wie zentriere ich das Abschnitts-Tag in HTML5?

Das Artikelelement stellt unabhängige und vollständige Inhalte in einem Dokument, einer Seite oder einer Anwendung dar, auf die extern verwiesen werden kann. Es kann in Form eines Artikels, eines Beitrags, eines Kommentars oder eines unabhängigen Plugins vorliegen. in. Erscheinen. Zusätzlich zum Inhaltsthema verfügt ein Artikelelement normalerweise über einen eigenen Titel und eine eigene Fußzeile.

Die Definition und Verwendung des Artikel-Tags in HTML5:

Externer Inhalt kann ein neuer Artikel von einem externen Nachrichtenanbieter oder Text aus einem Blog oder Text aus einem Forum sein. Oder Inhalte aus anderen externen Quellen.

Es gibt Beispiele:

<article>
<a href="http://www.apple.com">Safari 5 released</a><br />
7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, 
Apple announced the release of Safari 5 for Windows and Mac......
</article>

Artikel ist ein Element, das verschachtelt werden kann. Grundsätzlich sollte die innere Ebene des Artikels mit dem Inhalt der äußeren Ebene, beispielsweise dem Haupttext, in Zusammenhang stehen eines Artikels und Kommentare zum Haupttext können Sie mit Artikeln verschachteln.

Der Abschnitt unterscheidet zwischen Text und Kommentaren. Er ist ein Element des Blockbereichs, der in der nächsten Lektion erläutert wird. Der Artikel ist sehr vollständig und unabhängig und unterteilt jeden Kommentar.

Artikel kann auch zur Darstellung eines Plug-Ins verwendet werden. Der folgende Code ermöglicht den Vollbildmodus. Seine Funktion besteht darin, das Plug-In so aussehen zu lassen, als wäre es vollständig in die Webseite eingebettet.

Standardattribute des Artikel-Tags in HTML5:

class, contenteditable, contextmenu, dir, Draggable, id, irrelevant,

lang, ref, Registrierungszeichen, Tabindex, Vorlage, Titel

Hier ist ein Beispiel für die Verwendung des Artikel-Tags zum Layouten eines Artikels. Mithilfe dieses Beispiels können Sie das Artikel-Element-Tag beherrschen.

Vollständiger HTML5-Beispielcode:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>article 实例 ThinkCSS</title>
<style>
article{ color:#000}
article h1{ color:#F00}
</style>
</head>
<body>
<article>
    <h1>文章标题</h1>
    <p>文章段落一,内容CSS技术上ThinkCSS网 ...</p>
    <p>文章段落二,内容CSS技术上ThinkCSS网 ...</p>
    <p>段落三,内容CSS技术上ThinkCSS网 ...</p>
</article>
</body>
</html>

Tipps und Hinweise:

Hinweis: Der Inhalt des Das Tag ist unabhängig vom Rest des Dokuments.

【Elemente haben etwas zu sagen】

Artikel:

Hallo Genossen, ich bin ein Artikel, der ein spezieller Abschnitt ist Als Abschnitt ist die Semantik die Darstellung eines unabhängigen und vollständigen Blocks zusammengehöriger Inhalte. Im Allgemeinen habe ich einen Titelabschnitt (normalerweise in einer Kopfzeile enthalten) und manchmal auch eine Fußzeile. Obwohl es sich bei einem Abschnitt auch um einen thematischen Inhalt handelt, ist er in Bezug auf Struktur und Inhalt unabhängig und vollständig und stellt unabhängigen und vollständigen Inhalt in einem Dokument, einer Seite oder einer Anwendung dar, auf den extern verwiesen werden kann. Zum Beispiel: ein Artikel in einem Blog, ein Beitrag in einem Forum oder der Kommentar eines Zuschauers usw. Da das Artikelelement ein unabhängiger Inhalt ist, enthält das Artikelelement normalerweise einen Kopf (Kopfzeilenelement) und einen Fuß (Fußzeilenelement).

[Verwandte Empfehlungen]

Was ist Web in HTML5? Was sind die Elemente im Webspeicher?

Was sind die Attribute des HTML-IMG-Tags? Verstehen Sie die Verwendung von IMG-Tags








Das obige ist der detaillierte Inhalt vonWas ist das Artikel-Tag in HTML5? Wo wird das Artikelelement in HTML5 verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

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.

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)

Heiße Themen

PHP-Tutorial
1511
276
Warum wird mein Bild nicht in HTML angezeigt? Warum wird mein Bild nicht in HTML angezeigt? Jul 28, 2025 am 02:08 AM

Das nicht angezeigte Bild wird normalerweise durch einen falschen Dateipfad, einen falschen Dateinamen oder eine falsche Erweiterung, HTML -Syntaxprobleme oder einen Browser -Cache verursacht. 1. Stellen Sie sicher, dass der SRC -Pfad mit dem tatsächlichen Speicherort der Datei übereinstimmt, und verwenden Sie den richtigen relativen Pfad. 2. Überprüfen Sie, ob der Fall und die Erweiterung des Dateinamens genau übereinstimmen, und überprüfen Sie, ob das Bild durch direktes Eingeben der URL geladen werden kann. 3. Überprüfen Sie, ob die IMG -Tag -Syntax korrekt ist. Stellen Sie sicher, dass es keine redundanten Zeichen gibt und der Alt -Attributwert angemessen ist. 4. Versuchen Sie, die Seite zu aktualisieren, den Cache zu löschen oder den Inkognito -Modus zu verwenden, um Cache -Interferenzen zu beseitigen. Fehlerbehebung in dieser Reihenfolge kann die meisten Probleme mit HTML -Bildanzeigen lösen.

Wie benutze ich Optionsschaltflächen in HTML5? Wie benutze ich Optionsschaltflächen in HTML5? Jul 21, 2025 am 01:08 AM

Der Schlüssel zur Verwendung von Optionsfeldern in HTML5 ist zu verstehen, wie sie funktionieren und die Codestruktur korrekt organisieren. 1. Das Namensattribut jedes Optionsfelds muss gleich sein, um eine gegenseitig ausschließende Auswahl zu erzielen. 2. Verwenden Sie Label -Tags, um die Zugänglichkeit zu verbessern und auf Erfahrung zu klicken. 3.. Es wird empfohlen, jede Option in ein DIV oder eine Etikett zu wickeln, um die strukturelle Klarheit und die Stilregelung zu verbessern. 4. Setzen Sie die Standardauswahl über das überprüfte Attribut. 5. Der Wertwert sollte präzise und aussagekräftig sein, was für die Verarbeitung von Formularen bequem ist. 6. Der Stil kann über CSS angepasst werden, aber die Funktion muss sichergestellt werden, dass sie normal sind. Das Beherrschen dieser wichtigen Punkte kann häufige Probleme effektiv vermeiden und die Wirksamkeit des Gebrauchs verbessern.

Kopfloses CMS und statische Stättengenerierung (SSG) mit Astro Kopfloses CMS und statische Stättengenerierung (SSG) mit Astro Jul 26, 2025 am 07:31 AM

Verwenden Sie kopfloses CMS in Verbindung mit der SSG der statischen Website von Astro, um leistungsstarke, inhaltsgetriebene Websites zu erstellen. 2.Astro erhält Inhalte von kopflosen CMs (wie geistig, inhaltlich, Strapi, WordPress oder Datocms) über APIs und Vorrender als statische Seiten. 3.. Verwenden Sie GetStaticPaths (), um den Seitenpfad zu generieren, Daten über CMSAPI-Aufrufe zu erhalten und den Inhalt vom Front-End zu trennen. 4. Vorteile zählen eine hervorragende Leistung (schnelles Laden, SEO-freundlich), freundliches Bearbeitungserlebnis, architektonische Flexibilität, hohe Sicherheit und Skalierbarkeit. 5. Inhaltsaktualisierungen erfordern den Wiederaufbau der Website, und Sie können CMSWebhook zum Berühren verwenden

Wird das  -Tag in HTML5 noch verwendet? Wird das -Tag in HTML5 noch verwendet? Jul 21, 2025 am 02:47 AM

Ja, es ist Teil von HTML5, aber seine Verwendung ist allmählich abgenommen und ist umstritten. Wird verwendet, um den Haupttitel mit dem Untertitel zu kombinieren, so dass im Dokumentumlauf nur die höchste Ebene der Titel identifiziert werden; Zum Beispiel kann der Haupttitel und der Untertitel eingepackt werden, um anzuzeigen, dass sie nur Hilfstitel und nicht in unabhängigen Kapitel -Titeln sind. Gründe, warum sie nicht mehr weit verbreitet sind, sind jedoch: 1. Die Browser- und Bildschirmleser sind inkonsistent für sie, 2.. Trotzdem kann es immer noch in Websites oder Dokumenten mit hohen semantischen Anforderungen berücksichtigt werden. In den meisten Fällen neigen Entwickler dazu, eine einzige zu verwenden, Stile über CSS zu verwalten und klare Titelniveaus beizubehalten.

H5 Web MIDI API für fortschrittliche Steuerflächen H5 Web MIDI API für fortschrittliche Steuerflächen Jul 19, 2025 am 03:04 AM

Um WebMidiapi zu verwenden, um eine erweiterte Steuerschnittstelle zu erstellen, müssen Sie zuerst Geräteberechtigungen erhalten, die Autorisierung über Navigator anfordern. Zweitens hören oder senden Sie MIDI -Nachrichten, wie z. B. Knob -Operationen über input.AdDeventListener anhören, und senden Sie LED -Steueranweisungen über output.send. Sie müssen sich auch an verschiedene Controller anpassen, Konfigurationsdateien festlegen oder benutzerdefinierte Zuordnungsfunktionen bereitstellen. Achten Sie schließlich auf Entwicklungsfähigkeiten wie Reaktion in Echtzeit, Fehlerbehebung, Debugging-Tools und Kanalnummernpassungen.

Die Bedeutung der semantischen HTML für SEO und Barrierefreiheit Die Bedeutung der semantischen HTML für SEO und Barrierefreiheit Jul 30, 2025 am 05:05 AM

SemantichtmlimprovesbothseoandAccessibilityByuseing -meaningfulTagSthatConveyContentStructure.1) iTenhancesseothroughbetterContentHierarchyWithProperHeadinglevels, verbesserteIndexingviaelementSlikaND und -SupportforrichsnippetsususingStrostStrostStrostStrostStrostStrostStrostaustaustaustrota.2)

H5 -Netzwerkinformations -API für adaptive Laden H5 -Netzwerkinformations -API für adaptive Laden Jul 23, 2025 am 04:15 AM

Die NetworkInformation -API von H5 kann die Ladestrategien durch Beurteilung des Netzwerkarts optimieren. ① Navigator.Connection verwenden, um den Netzwerktyp und den Online -Status zu erhalten. ② Entscheiden Sie sich, Ressourcen oder leichte Inhalte mit hoher Definition basierend auf effektiven Werten (z. B. Slow-2G, 4G, 5G) zu laden; ③ Die Ladestrategie dynamisch anpassen, indem Sie sich Änderungsereignisse anhören. ④ Achten Sie auf Probleme wie Kompatibilität, begrenzte Unterstützung für den iOS und die Einschränkungen des Datenschutzmodus.

H5 -Barcode- und QR -Code -Scannen mit GetUsermedia H5 -Barcode- und QR -Code -Scannen mit GetUsermedia Jul 20, 2025 am 02:03 AM

Auf der H5-Seite erkennt die Barcode- und QR-Code-Scanning-Funktionen, hauptsächlich durch Aufrufen von GetUSMedia, um Kamera-Berechtigungen zu erhalten und sie mit der Dekodierungsbibliothek zur Identifizierung in Echtzeit zu kombinieren. 1. Verwenden Sie zuerst GetUSmedia, um Kamera -Berechtigungen zu erhalten und den Videostream an das Tag zu binden. Achten Sie auf die Unterschiede in der HTTPS -Umgebung und in der Geräteunterstützung; 2. Steuern Sie die Erkennungsfrequenz, um die Leistung zu optimieren. 3.. Verwenden Sie Decodierungsbibliotheken wie Zxing oder Quaggajs zur Bilderkennung. Es wird empfohlen, zu verhindern, dass die Erkennungsergebnisse geschüttelt werden. 4. In Bezug auf die Kompatibilität können Videobeschränkungen festgelegt werden, um die Anpassung der Geräte zu optimieren und die Benutzererfahrung durch UI -Eingabeaufforderungen zu verbessern. 5. In Bezug auf die Leistungsoptimierung wird empfohlen, Webworker zu verwenden, um Decodierungsaufgaben auszuführen, um zu vermeiden, dass die Hauptsperrung blockiert wird

See all articles