HTML aside Tag Last Updated : 11 Jul, 2025 Comments Improve Suggest changes Like Article Like Report The <aside> tag is used to describe the main object of the web page more shortly like a highlighter. It identifies the content that is related to the primary content of the web page but does not constitute the main intent of the primary page. The <aside> tag contains mainly author information, links, related content, and so on.Note: The <aside> tag supports Global attributes and Event attributes in HTML. The <aside> tag is new in HTML5. This tag does not render anything special in a browser you have to use CSS for that. HTML <!DOCTYPE html> <html> <body> <article> <h2>Learning HTML</h2> <p> HTML is the standard markup language for creating web pages. </p> <aside> <h3>Did You Know?</h3> <p> HTML stands for HyperText Markup Language. </p> </aside> <p> It is easy to learn and widely used in web development. </p> </article> </body> </html> Key Points:Placement: The <aside> tag is often placedIn a sidebar of a webpage.Inside an <article> tag for content that provides additional context (e.g., a glossary, quote, or related links).Common Use Cases:Sidebars with links to related content.Advertisements or promotions.Brief author bios or quotes.Aside tag use as sidebar HTML <!DOCTYPE html> <html> <head> <style> article { width: 50%; padding: 10px; float: left; } aside { width: 40%; float: right; background-color: green; color: white; padding: 5px; margin: 10px; height: 100px; } </style> </head> <body> <article> <h1>Heading . . .</h1> <p> Aside tag is use to display important information about the primary page. </p> </article> <aside> <h1>Aside tag example</h1> <p>Aside tag content. . .</p> </aside> </body> </html> Comment More infoAdvertise with us Next Article Company-wise Practice Problems S Sabya_Samadder Follow Improve Article Tags : HTML HTML5 Similar Reads Interview PreparationInterview Preparation For Software DevelopersMust Coding Questions - Company-wise Must Do Coding Questions - Topic-wiseCompany-wise Practice ProblemsCompany PreparationCompetitive ProgrammingSoftware Design-PatternsCompany-wise Interview ExperienceExperienced - Interview ExperiencesInternship - Interview ExperiencesPractice @GeeksforgeeksProblem of the DayTopic-wise PracticeDifficulty Level - SchoolDifficulty Level - BasicDifficulty Level - EasyDifficulty Level - MediumDifficulty Level - HardLeaderboard !!Explore More...Data StructuresArraysLinked ListStackQueueBinary TreeBinary Search TreeHeapHashingGraphAdvance Data StructuresMatrixStringAll Data StructuresAlgorithmsAnalysis of AlgorithmsSearching AlgorithmsSorting AlgorithmsPattern SearchingGeometric AlgorithmsMathematical AlgorithmsRandomized AlgorithmsGreedy AlgorithmsDynamic ProgrammingDivide & ConquerBacktrackingBranch & BoundAll AlgorithmsProgramming LanguagesCC++JavaPythonC#Go LangSQLPHPScalaPerlKotlinWeb TechnologiesHTMLCSSJavaScriptBootstrapTailwind CSSAngularJSReactJSjQueryNodeJSPHPWeb DesignWeb BrowserFile FormatsComputer Science SubjectsOperating SystemsDBMSComputer NetworkComputer Organization & ArchitectureTOCCompiler DesignDigital Elec. & Logic DesignSoftware EngineeringEngineering MathematicsData Science & MLComplete Data Science CourseData Science TutorialMachine Learning TutorialDeep Learning TutorialNLP TutorialMachine Learning ProjectsData Analysis TutorialTutorial LibraryPython TutorialDjango TutorialPandas TutorialKivy TutorialTkinter TutorialOpenCV TutorialSelenium TutorialGATE CSGATE CS NotesGate CornerPrevious Year GATE PapersLast Minute Notes (LMNs)Important Topic For GATE CSGATE CoursePrevious Year Paper: CS exams Like