Aside-Tag in HTML
Aside-Tag in HTML, das hauptsächlich zur Anzeige wichtiger Inhalte der Webseite verwendet wird. Es fungiert als Textmarker, um den Fokus auf die wichtigsten Dinge auf der Webseite zu lenken. Dieses Tag wird in HTML auch verwendet, um eine Unterteilung oder Partitionierung für die Webseite vorzunehmen, es dient jedoch nur dazu, sich auf den Hauptinhalt der Webseite zu konzentrieren. Es wird verwendet, um das Design der Webseite zu vereinfachen und dem enthaltenen HTML-Dokument mehr Klarheit zu verleihen. Der Hauptplatzierungsbereich für Neben-Tags auf der Webseite befindet sich entweder in der Seitenleiste oder in den Callout-Boxen.
Syntax:
<body> <aside> <p>some text</p> </aside> </body>
- Das
- Es sollte entweder innerhalb eines Artikelelements oder außerhalb dieses Artikelelements verwendet werden. Bei Verwendung dieses Tags mit dem Artikelelement muss es in den Inhalt des Artikels einbezogen werden. Und wenn es außerhalb des Artikelelements verwendet werden soll, muss es Daten enthalten, die sich auf die gesamte Webseite beziehen.
- Dies wird in HTML als Element auf Blockebene betrachtet. Man kann möglicherweise sowohl Elemente auf Blockebene als auch Inline-Elemente innerhalb des
- Aber wie bei anderen Tags gilt
Attribute des Aside-Tags in HTML
Im Folgenden sind die Attribute des Aside-Tags in HTML aufgeführt:
Globale Attribute
Es gibt mehrere globale Attribute, die vom
- Zugriffstaste: Wird als Tastenkombination verwendet, um ein bestimmtes Attribut hervorzuheben.
- Klasse: Wird verwendet, um einen oder mehrere Klassennamen für das enthaltene Element zu definieren.
- contenteditable: Dieses Attribut wird verwendet, um Details zum Element anzugeben, unabhängig davon, ob es bearbeitbar ist oder nicht.
- Daten: Dieses Attribut hilft dabei, benutzerdefinierte Daten privat für die erforderliche Seite oder Anwendung zu sammeln.
- Dragbar: Es definiert, ob das Element entweder ziehbar ist oder nicht.
Ereignisattribute
- onafterprint: Dieses Attribut wird verwendet, um das Skript immer dann auszuführen, wenn das Dokument gedruckt wird.
- onerror: Immer wenn ein Fehler auftritt, wird dieses Attribut ausgeführt.
- onmessage: Dieses Skript wird ausgeführt, wenn eine Nachricht ausgelöst wird.
- onpageshow: Immer wenn ein Benutzer von einer Seite zu einer anderen navigiert, ordnet dieses Ereignis diesem Ereignis Arbeit zu.
- onstorage: Dieses Attribut führt das Skript aus, wenn der Webspeicherbereich aktualisiert wird.
Beispiele zum Aside-Tag in HTML
Besprechen wir einige Beispiele zur Definition des
Beispiel #1 – Markieren innerhalb
Code:
<html> <body> <h1>A. P. J. Abdul Kalam</h1> <article> <aside style="float:right;width:20%; background-color:deepskyblue;padding:20 20px;"> <img src="APJ.jpg" style="height:40%; width:100%;"> </aside> <p style="width:80%;padding:20px;"> Dr.A.P.J Abdul Kalam was known as one the most famous personality in the India. His full name was Avul Pakir Jainulabdeen Abdul Kalam. His whole life journey comes in between 15 october 1931 – 27 july 2015 . .In this time he was worked as aerospace scientist . Rameswaram ,Tamil Nadu was his birthplace. As well as he was completed his education in physics and aerospace engineering from Tamilnadu state itself. He was provide service to the nation as being 11<sup>th</sup> president of India from 2002 to 2007. He almost spend 4 decades of service as being scientist and science administrator , majorly he was active participants at the Defence Research and Development Organisation (DRDO) and in most famous organization of India i.e and Indian Space Research Organization (ISRO). Due to his active participation in those organization and had part of India’s military missile development he was known as Missile Man of India. He played very important role in nuclear test which is taken by India for Pokharan -2 nuclear test in the year 1998.<br> He was well known personality in all reputed fields like education, aerospace, military, public service and into the writing. He died on 27 July 2015, aged 83</p> </article> </body> </html>
Ausgabe:
Beispiel Nr. 2 – Außen markieren
Code:
<html>
<head>
<title>Aside tag</title>
<style>
.demo {
font-size:30px;
font-weight:bold;
}
h1 {
font-size:30px;
color:purple;
font-weight:bold;
}
p {
font-size:20px;
margin:20px 0;
}
</style>
</head>
<body>
<div class = "demo"><u>Delhi factory tragedy</u></div>
<aside>
<h1>Delhi fire tragedy: Meet fireman Sunil Kumar who saved more than dozen lives</h1> <p>
Meet fireman Sunil Kumar, who along with his team, saved the lives of more than a dozen of people from the bag manufacturing factory fire in Delhi's Anaj Mandi area this morning. The early morning fire had left over 40 dead and many injured.<br>As soon as Sunil Kumar, who is also a President award winner, arrived at the spot with his team from Prasad Nagar, it was very difficult for the fire tender to reach the site from the main road, but somehow one fire tender entered while other fire tenders were waiting on the road
.</p>
</aside>
</body>
</html>
Ausgabe:
Beispiel #3 – Style-Tag
Code:
<body> <article> <h1>Miss South Africa crowned 2019 Miss Universe</h1> <p>Miss Universe 2018 Catriona Gray of the Philippines crowns the new Miss Universe 2019, South Africa's Zozibini Tunzi, during the pageant at Tyler Perry Studios in Atlanta, Georgia, on December 8, 2019. </p> <img src="Miss.jpg" style="height:10%; width:20%;"> </article> <p>The two runners-up for the crown were Miss Mexico and Miss Puerto Rico.</p> </body>
Ausgabe:
Fazit
Das obige ist der detaillierte Inhalt vonAside-Tag in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Was ist das Readonly -Attribut in HTML5?
Aug 08, 2025 am 11:55 AM
ThereadOnlyAttributEinHtml5MakesFormInputsnon-editableWilestillaLaLaSubermingAndusSerInteraction; 1.itappliestoandELements; 2.ISABOOLEANATTRIBUTE, bald "readonly" NeedStobePresent;
So erstellen Sie eine einfache HTML5 -Webseite
Aug 12, 2025 am 11:51 AM
Um eine einfache HTML5 -Webseite zu erstellen, müssen Sie zuerst den Deklarationsdokumenttyp verwenden und dann eine grundlegende Struktur erstellen, die die Charaktercodierung, den Ansichtsfenster und den Titel feststellt, sichtbare Inhalte wie Titel, Absatz, Link, Bilder und Listen hinzufügen. Speichern Sie es als .html -Datei und öffnen Sie sie direkt im Browser zum Anzeigen, ohne Serverunterstützung. Dies ist die Grundlage für eine vollständige und effektive HTML5 -Seite.
Wofür ist das beiseite, für das in HTML5 beiseite ist?
Aug 12, 2025 pm 04:37 PM
Die Auslagerung sollte fürsortiert, dass die Tätigkeiten, solche ASSIDEBARS, PullQuotes, Definitionen, Anzeigen, OrteLatedLinks; 2. ItcanbeplaceInsieTIDEANTICDETEPENDINGINGONCONTEXTELECTEN;
Wie können Sie vom Benutzer ein HTML -Element bearbeitet?
Aug 11, 2025 pm 05:23 PM
Ja, Sie können HTML -Elemente mithilfe des inhaltlichen Attributs bearbeitbar machen. Die spezifische Methode besteht darin, dem Zielelement contenteditable = "true" hinzuzufügen. Sie können diesen Text beispielsweise bearbeiten und der Benutzer kann den Inhalt direkt klicken und ändern. Dieses Attribut eignet sich für Block- und Inline-Elemente wie Div, P, Span, H1 bis H6. Der Standardwert ist "wahr", um bearbeitbar, "falsch" zu sein, um nicht editabel zu sein, und "erben", um die Einstellungen für das übergeordnete Element zu erben. Um die Zugänglichkeit zu verbessern, wird empfohlen, tabindex = "0 & quo hinzuzufügen
Wie kann man den Fokus in HTML5 -Anwendungen verwalten?
Aug 08, 2025 pm 03:31 PM
TOEFFEKTIVEMANageFocusinhtml5Applications folgen den Praktiken: 1.AntainalogicalTaborderBystructuringHtmlinreadingOrderandusingTabIndexcorctely-AvoidValuesAbove0, Usetabindex = "0" ForcustominctiveActiveLementelemente undTabindex = "-1"-1 & qu
Was ist die Vibrations -API in HTML5?
Aug 08, 2025 pm 01:00 PM
Diese API steuert die Gerätevibration über Navigator.vibrate () -Methode, bei der Benutzergesten ausgelöst werden müssen, die Zeit- oder Modusvibration unterstützt und zur Verbesserung des interaktiven Feedbacks verwendet wird. 1. Rufnavigator. Vibrate (500) kann dazu führen, dass das Gerät 500 Millisekunden vibriert. 2. In Arrays wie [300.200.300] können eine Vibrations-Pause-Wechselmodus erzielt werden. Fern navigator anrufen. Vibrate (0) kann die Vibration sofort stoppen; V. 5. Nur einige mobile Browser unterstützen es, Iossafari unterstützt es normalerweise nicht. 6. Nur ein Vibrationsmodus wird gleichzeitig ausgeführt, und der neue Anruf ersetzt die aktuelle Schwingung. Diese Funktion eignet sich für das Feedback und die Form von Formularbestätigung
Wie verwenden Sie SVG in HTML5?
Aug 11, 2025 pm 01:30 PM
UseInLinesVgforfullControloverStylingAndInteractivityWithcsSandjavaScript, idealForsMalliconSordynamicgraphics.2.usethetagtoembedexternalsVgFileswhentheimageIsStaticandInteractivityisnotneed, ausschließt, die Betterhtmlcleaness und die Erschöpfung der und der Erschöpfung der und der Erschwerung und der Erscheinung der und der Erscheinung und Erschwere und Erschwere, und der Bemühungen und Erschweren und Erschweren, die und deren, die und
So verwenden Sie HTML-Daten-* -attribute für JavaScript
Aug 11, 2025 pm 12:19 PM
HTMLDATA-* Attribut wird verwendet, um benutzerdefinierte Daten in Elementen zu speichern und kann über die Datensatz von JavaScript oder GetAtTribute/setAttribute-Methode zugegriffen werden. 1. Bei der Verwendung des Datensatzes entspricht die Data-Camel-Case dem Camelcasename, und die Werte sind beide String-Typen. 2. Common Verwendungen umfassen das Speichern der Elementkonfiguration, die serverseitige Datenübertragung und die UI-Statusverfolgung. 3. Das Speichern sensibler Informationen sollte vermieden werden, ohne den vorhandenen Inhalt von DOM, den Wert aufzubewahren und ihn mit Kamelcase zuzugreifen, um eine klare Trennung von HTML und JavaScript zu erreichen.
