CINXE.COM

HTML element - Wikipedia

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>HTML element - Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )enwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy", "wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"d81da22a-f74c-4ee5-ad9c-60c4471fa263","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"HTML_element","wgTitle":"HTML element","wgCurRevisionId":1258585445,"wgRevisionId":1258585445,"wgArticleId":274393,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Webarchive template wayback links","Articles with short description","Short description matches Wikidata","Use American English from March 2018","All Wikipedia articles written in American English","All Wikipedia articles needing clarification","Wikipedia articles needing clarification from February 2019","All articles with specifically marked weasel-worded phrases","Articles with specifically marked weasel-worded phrases from August 2022","All articles with unsourced statements", "Articles with unsourced statements from August 2022","Articles with unsourced statements from September 2023","All articles with vague or ambiguous time","Vague or ambiguous time from September 2023","Wikipedia articles in need of updating from July 2023","All Wikipedia articles in need of updating","Articles containing Latin-language text","HTML tags","Web 1.0"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"HTML_element","wgRelevantArticleId":274393,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgFlaggedRevsParams":{"tags":{"status":{"levels":1}}},"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true, "tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":100000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q179551","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","ext.pygments":"ready","ext.math.styles":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready", "skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","ext.pygments.view","mediawiki.page.media","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ReferenceTooltips","ext.gadget.switcher","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.growthExperiments.SuggestedEditSession","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&amp;modules=ext.cite.styles%7Cext.math.styles%7Cext.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&amp;only=styles&amp;skin=vector-2022"> <script async="" src="/w/load.php?lang=en&amp;modules=startup&amp;only=scripts&amp;raw=1&amp;skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&amp;modules=site.styles&amp;only=styles&amp;skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.4"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="HTML element - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//en.m.wikipedia.org/wiki/HTML_element"> <link rel="alternate" type="application/x-wiki" title="Edit this page" href="/w/index.php?title=HTML_element&amp;action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (en)"> <link rel="EditURI" type="application/rsd+xml" href="//en.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://en.wikipedia.org/wiki/HTML_element"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <link rel="alternate" type="application/atom+xml" title="Wikipedia Atom feed" href="/w/index.php?title=Special:RecentChanges&amp;feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-HTML_element rootpage-HTML_element skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li><li id="n-contents" class="mw-list-item"><a href="/wiki/Wikipedia:Contents" title="Guides to browsing Wikipedia"><span>Contents</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Portal:Current_events" title="Articles related to current events"><span>Current events</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Visit a randomly selected article [x]" accesskey="x"><span>Random article</span></a></li><li id="n-aboutsite" class="mw-list-item"><a href="/wiki/Wikipedia:About" title="Learn about Wikipedia and how it works"><span>About Wikipedia</span></a></li><li id="n-contactpage" class="mw-list-item"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us" title="How to contact Wikipedia"><span>Contact us</span></a></li> </ul> </div> </div> <div id="p-interaction" class="vector-menu mw-portlet mw-portlet-interaction" > <div class="vector-menu-heading"> Contribute </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Help:Contents" title="Guidance on how to use and edit Wikipedia"><span>Help</span></a></li><li id="n-introduction" class="mw-list-item"><a href="/wiki/Help:Introduction" title="Learn how to edit Wikipedia"><span>Learn to edit</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Community_portal" title="The hub for editors"><span>Community portal</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes to Wikipedia [r]" accesskey="r"><span>Recent changes</span></a></li><li id="n-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_upload_wizard" title="Add images or other media for use on Wikipedia"><span>Upload file</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Main_Page" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="The Free Encyclopedia" src="/static/images/mobile/copyright/wikipedia-tagline-en.svg" width="117" height="13" style="width: 7.3125em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search Wikipedia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search Wikipedia" aria-label="Search Wikipedia" autocapitalize="sentences" title="Search Wikipedia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page&#039;s font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&amp;utm_medium=sidebar&amp;utm_campaign=C13_en.wikipedia.org&amp;uselang=en" class=""><span>Donate</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:CreateAccount&amp;returnto=HTML+element" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:UserLogin&amp;returnto=HTML+element" title="You&#039;re encouraged to log in; however, it&#039;s not mandatory. [o]" accesskey="o" class=""><span>Log in</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Log in and more options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&amp;utm_medium=sidebar&amp;utm_campaign=C13_en.wikipedia.org&amp;uselang=en"><span>Donate</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&amp;returnto=HTML+element" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&amp;returnto=HTML+element" title="You&#039;re encouraged to log in; however, it&#039;s not mandatory. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing"><span>learn more</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Talk</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"><!-- CentralNotice --></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">(Top)</div> </a> </li> <li id="toc-Concepts" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Concepts"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Concepts</span> </div> </a> <button aria-controls="toc-Concepts-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Concepts subsection</span> </button> <ul id="toc-Concepts-sublist" class="vector-toc-list"> <li id="toc-Elements_vs._tags" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Elements_vs._tags"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.1</span> <span>Elements vs. tags</span> </div> </a> <ul id="toc-Elements_vs._tags-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-SGML_vs._XML" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#SGML_vs._XML"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.2</span> <span>SGML vs. XML</span> </div> </a> <ul id="toc-SGML_vs._XML-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-%block;_vs._box" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#%block;_vs._box"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.3</span> <span>%block; vs. box</span> </div> </a> <ul id="toc-%block;_vs._box-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Overview" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Overview"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Overview</span> </div> </a> <button aria-controls="toc-Overview-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Overview subsection</span> </button> <ul id="toc-Overview-sublist" class="vector-toc-list"> <li id="toc-Syntax" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Syntax"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span> <span>Syntax</span> </div> </a> <ul id="toc-Syntax-sublist" class="vector-toc-list"> <li id="toc-Types_of_element" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Types_of_element"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1.1</span> <span>Types of element</span> </div> </a> <ul id="toc-Types_of_element-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Attributes" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Attributes"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1.2</span> <span>Attributes</span> </div> </a> <ul id="toc-Attributes-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Element_standards" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Element_standards"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2</span> <span>Element standards</span> </div> </a> <ul id="toc-Element_standards-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Element_status" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Element_status"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.3</span> <span>Element status</span> </div> </a> <ul id="toc-Element_status-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Content_vs._presentation_and_behavior" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Content_vs._presentation_and_behavior"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4</span> <span>Content vs. presentation and behavior</span> </div> </a> <ul id="toc-Content_vs._presentation_and_behavior-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Document_structure_elements" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Document_structure_elements"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Document structure elements</span> </div> </a> <ul id="toc-Document_structure_elements-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Document_head_elements" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Document_head_elements"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Document head elements</span> </div> </a> <ul id="toc-Document_head_elements-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Document_body_elements" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Document_body_elements"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Document body elements</span> </div> </a> <button aria-controls="toc-Document_body_elements-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Document body elements subsection</span> </button> <ul id="toc-Document_body_elements-sublist" class="vector-toc-list"> <li id="toc-Block_elements" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Block_elements"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.1</span> <span>Block elements</span> </div> </a> <ul id="toc-Block_elements-sublist" class="vector-toc-list"> <li id="toc-Basic_text" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Basic_text"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.1.1</span> <span>Basic text</span> </div> </a> <ul id="toc-Basic_text-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Lists" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Lists"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.1.2</span> <span>Lists</span> </div> </a> <ul id="toc-Lists-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Other_block_elements" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Other_block_elements"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.1.3</span> <span>Other block elements</span> </div> </a> <ul id="toc-Other_block_elements-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Inline_elements" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Inline_elements"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.2</span> <span>Inline elements</span> </div> </a> <ul id="toc-Inline_elements-sublist" class="vector-toc-list"> <li id="toc-Anchor" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Anchor"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.2.1</span> <span>Anchor</span> </div> </a> <ul id="toc-Anchor-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Phrase_elements" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Phrase_elements"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.2.2</span> <span>Phrase elements</span> </div> </a> <ul id="toc-Phrase_elements-sublist" class="vector-toc-list"> <li id="toc-General" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#General"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.2.2.1</span> <span>General</span> </div> </a> <ul id="toc-General-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Computer_phrase_elements" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Computer_phrase_elements"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.2.2.2</span> <span>Computer phrase elements</span> </div> </a> <ul id="toc-Computer_phrase_elements-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Presentation" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Presentation"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.2.3</span> <span>Presentation</span> </div> </a> <ul id="toc-Presentation-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Span" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Span"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.2.4</span> <span>Span</span> </div> </a> <ul id="toc-Span-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Other_inline_elements" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Other_inline_elements"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.2.5</span> <span>Other inline elements</span> </div> </a> <ul id="toc-Other_inline_elements-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Images_and_objects" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Images_and_objects"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.3</span> <span>Images and objects</span> </div> </a> <ul id="toc-Images_and_objects-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Forms" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Forms"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.4</span> <span>Forms</span> </div> </a> <ul id="toc-Forms-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Tables" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Tables"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.5</span> <span>Tables</span> </div> </a> <ul id="toc-Tables-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Frames" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Frames"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Frames</span> </div> </a> <button aria-controls="toc-Frames-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Frames subsection</span> </button> <ul id="toc-Frames-sublist" class="vector-toc-list"> <li id="toc-longdesc_attribute" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#longdesc_attribute"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.1</span> <span>longdesc attribute</span> </div> </a> <ul id="toc-longdesc_attribute-sublist" class="vector-toc-list"> <li id="toc-Example" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Example"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.1.1</span> <span>Example</span> </div> </a> <ul id="toc-Example-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Linking_to_the_long_description_in_the_text" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Linking_to_the_long_description_in_the_text"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.1.2</span> <span>Linking to the long description in the text</span> </div> </a> <ul id="toc-Linking_to_the_long_description_in_the_text-sublist" class="vector-toc-list"> <li id="toc-Example_2" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Example_2"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.1.2.1</span> <span>Example</span> </div> </a> <ul id="toc-Example_2-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </li> </ul> </li> <li id="toc-Historic_elements" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Historic_elements"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>Historic elements</span> </div> </a> <ul id="toc-Historic_elements-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Non-standard_elements" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Non-standard_elements"> <div class="vector-toc-text"> <span class="vector-toc-numb">8</span> <span>Non-standard elements</span> </div> </a> <ul id="toc-Non-standard_elements-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Comments" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Comments"> <div class="vector-toc-text"> <span class="vector-toc-numb">9</span> <span>Comments</span> </div> </a> <ul id="toc-Comments-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#See_also"> <div class="vector-toc-text"> <span class="vector-toc-numb">10</span> <span>See also</span> </div> </a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Notes" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Notes"> <div class="vector-toc-text"> <span class="vector-toc-numb">11</span> <span>Notes</span> </div> </a> <ul id="toc-Notes-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-References" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#References"> <div class="vector-toc-text"> <span class="vector-toc-numb">12</span> <span>References</span> </div> </a> <ul id="toc-References-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Bibliography" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Bibliography"> <div class="vector-toc-text"> <span class="vector-toc-numb">13</span> <span>Bibliography</span> </div> </a> <button aria-controls="toc-Bibliography-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Bibliography subsection</span> </button> <ul id="toc-Bibliography-sublist" class="vector-toc-list"> <li id="toc-HTML_standards" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#HTML_standards"> <div class="vector-toc-text"> <span class="vector-toc-numb">13.1</span> <span>HTML standards</span> </div> </a> <ul id="toc-HTML_standards-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Other_sources" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Other_sources"> <div class="vector-toc-text"> <span class="vector-toc-numb">13.2</span> <span>Other sources</span> </div> </a> <ul id="toc-Other_sources-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-External_links" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#External_links"> <div class="vector-toc-text"> <span class="vector-toc-numb">14</span> <span>External links</span> </div> </a> <ul id="toc-External_links-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">HTML element</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Go to an article in another language. Available in 30 languages" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-30" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">30 languages</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D8%B9%D9%86%D8%B5%D8%B1_(%D9%84%D8%BA%D8%A9_%D8%AA%D8%B1%D9%85%D9%8A%D8%B2_%D8%A7%D9%84%D9%86%D8%B5_%D8%A7%D9%84%D9%81%D8%A7%D8%A6%D9%82)" title="عنصر (لغة ترميز النص الفائق) – Arabic" lang="ar" hreflang="ar" data-title="عنصر (لغة ترميز النص الفائق)" data-language-autonym="العربية" data-language-local-name="Arabic" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%8F%E0%A6%87%E0%A6%9A%E0%A6%9F%E0%A6%BF%E0%A6%8F%E0%A6%AE%E0%A6%8F%E0%A6%B2_%E0%A6%89%E0%A6%AA%E0%A6%BE%E0%A6%A6%E0%A6%BE%E0%A6%A8" title="এইচটিএমএল উপাদান – Bangla" lang="bn" hreflang="bn" data-title="এইচটিএমএল উপাদান" data-language-autonym="বাংলা" data-language-local-name="Bangla" class="interlanguage-link-target"><span>বাংলা</span></a></li><li class="interlanguage-link interwiki-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/HTML_prvek" title="HTML prvek – Czech" lang="cs" hreflang="cs" data-title="HTML prvek" data-language-autonym="Čeština" data-language-local-name="Czech" class="interlanguage-link-target"><span>Čeština</span></a></li><li class="interlanguage-link interwiki-de badge-Q70894304 mw-list-item" title=""><a href="https://de.wikipedia.org/wiki/HTML-Element" title="HTML-Element – German" lang="de" hreflang="de" data-title="HTML-Element" data-language-autonym="Deutsch" data-language-local-name="German" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Elemento_HTML" title="Elemento HTML – Spanish" lang="es" hreflang="es" data-title="Elemento HTML" data-language-autonym="Español" data-language-local-name="Spanish" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%B9%D9%86%D8%B5%D8%B1_%D8%A7%DA%86%E2%80%8C%D8%AA%DB%8C%E2%80%8C%D8%A7%D9%85%E2%80%8C%D8%A7%D9%84" title="عنصر اچ‌تی‌ام‌ال – Persian" lang="fa" hreflang="fa" data-title="عنصر اچ‌تی‌ام‌ال" data-language-autonym="فارسی" data-language-local-name="Persian" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/%C3%89l%C3%A9ment_HTML" title="Élément HTML – French" lang="fr" hreflang="fr" data-title="Élément HTML" data-language-autonym="Français" data-language-local-name="French" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/HTML_%EC%9A%94%EC%86%8C" title="HTML 요소 – Korean" lang="ko" hreflang="ko" data-title="HTML 요소" data-language-autonym="한국어" data-language-local-name="Korean" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-hi mw-list-item"><a href="https://hi.wikipedia.org/wiki/%E0%A4%8F%E0%A4%9A%E0%A4%9F%E0%A5%80%E0%A4%8F%E0%A4%AE%E0%A4%8F%E0%A4%B2_%E0%A4%95%E0%A5%87_%E0%A4%A4%E0%A4%A4%E0%A5%8D%E0%A4%B5" title="एचटीएमएल के तत्व – Hindi" lang="hi" hreflang="hi" data-title="एचटीएमएल के तत्व" data-language-autonym="हिन्दी" data-language-local-name="Hindi" class="interlanguage-link-target"><span>हिन्दी</span></a></li><li class="interlanguage-link interwiki-ia mw-list-item"><a href="https://ia.wikipedia.org/wiki/Etiquetta_de_HTML" title="Etiquetta de HTML – Interlingua" lang="ia" hreflang="ia" data-title="Etiquetta de HTML" data-language-autonym="Interlingua" data-language-local-name="Interlingua" class="interlanguage-link-target"><span>Interlingua</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/Elemento_HTML" title="Elemento HTML – Italian" lang="it" hreflang="it" data-title="Elemento HTML" data-language-autonym="Italiano" data-language-local-name="Italian" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-ku mw-list-item"><a href="https://ku.wikipedia.org/wiki/HTML_element" title="HTML element – Kurdish" lang="ku" hreflang="ku" data-title="HTML element" data-language-autonym="Kurdî" data-language-local-name="Kurdish" class="interlanguage-link-target"><span>Kurdî</span></a></li><li class="interlanguage-link interwiki-lt mw-list-item"><a href="https://lt.wikipedia.org/wiki/HTML_%C5%BEym%C4%97" title="HTML žymė – Lithuanian" lang="lt" hreflang="lt" data-title="HTML žymė" data-language-autonym="Lietuvių" data-language-local-name="Lithuanian" class="interlanguage-link-target"><span>Lietuvių</span></a></li><li class="interlanguage-link interwiki-hu mw-list-item"><a href="https://hu.wikipedia.org/wiki/HTML-elem" title="HTML-elem – Hungarian" lang="hu" hreflang="hu" data-title="HTML-elem" data-language-autonym="Magyar" data-language-local-name="Hungarian" class="interlanguage-link-target"><span>Magyar</span></a></li><li class="interlanguage-link interwiki-arz mw-list-item"><a href="https://arz.wikipedia.org/wiki/%D8%B9%D9%86%D8%B5%D8%B1_%D8%A7%D8%AA%D8%B4_%D8%AA%D9%89_%D8%A7%D9%85_%D8%A7%D9%84" title="عنصر اتش تى ام ال – Egyptian Arabic" lang="arz" hreflang="arz" data-title="عنصر اتش تى ام ال" data-language-autonym="مصرى" data-language-local-name="Egyptian Arabic" class="interlanguage-link-target"><span>مصرى</span></a></li><li class="interlanguage-link interwiki-ms mw-list-item"><a href="https://ms.wikipedia.org/wiki/Unsur_HTML" title="Unsur HTML – Malay" lang="ms" hreflang="ms" data-title="Unsur HTML" data-language-autonym="Bahasa Melayu" data-language-local-name="Malay" class="interlanguage-link-target"><span>Bahasa Melayu</span></a></li><li class="interlanguage-link interwiki-my mw-list-item"><a href="https://my.wikipedia.org/wiki/HTML_Element" title="HTML Element – Burmese" lang="my" hreflang="my" data-title="HTML Element" data-language-autonym="မြန်မာဘာသာ" data-language-local-name="Burmese" class="interlanguage-link-target"><span>မြန်မာဘာသာ</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/HTML-element" title="HTML-element – Dutch" lang="nl" hreflang="nl" data-title="HTML-element" data-language-autonym="Nederlands" data-language-local-name="Dutch" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/HTML%E8%A6%81%E7%B4%A0" title="HTML要素 – Japanese" lang="ja" hreflang="ja" data-title="HTML要素" data-language-autonym="日本語" data-language-local-name="Japanese" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-km mw-list-item"><a href="https://km.wikipedia.org/wiki/HTML_tag" title="HTML tag – Khmer" lang="km" hreflang="km" data-title="HTML tag" data-language-autonym="ភាសាខ្មែរ" data-language-local-name="Khmer" class="interlanguage-link-target"><span>ភាសាខ្មែរ</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Elemento_HTML" title="Elemento HTML – Portuguese" lang="pt" hreflang="pt" data-title="Elemento HTML" data-language-autonym="Português" data-language-local-name="Portuguese" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%AD%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%8B_HTML" title="Элементы HTML – Russian" lang="ru" hreflang="ru" data-title="Элементы HTML" data-language-autonym="Русский" data-language-local-name="Russian" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sd mw-list-item"><a href="https://sd.wikipedia.org/wiki/%D8%B3%D8%A7%D9%86%DA%86%D9%88:HTML_lists" title="سانچو:HTML lists – Sindhi" lang="sd" hreflang="sd" data-title="سانچو:HTML lists" data-language-autonym="سنڌي" data-language-local-name="Sindhi" class="interlanguage-link-target"><span>سنڌي</span></a></li><li class="interlanguage-link interwiki-sl mw-list-item"><a href="https://sl.wikipedia.org/wiki/Element_HTML" title="Element HTML – Slovenian" lang="sl" hreflang="sl" data-title="Element HTML" data-language-autonym="Slovenščina" data-language-local-name="Slovenian" class="interlanguage-link-target"><span>Slovenščina</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/HTML-elementti" title="HTML-elementti – Finnish" lang="fi" hreflang="fi" data-title="HTML-elementti" data-language-autonym="Suomi" data-language-local-name="Finnish" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-sv mw-list-item"><a href="https://sv.wikipedia.org/wiki/HTML-element" title="HTML-element – Swedish" lang="sv" hreflang="sv" data-title="HTML-element" data-language-autonym="Svenska" data-language-local-name="Swedish" class="interlanguage-link-target"><span>Svenska</span></a></li><li class="interlanguage-link interwiki-th mw-list-item"><a href="https://th.wikipedia.org/wiki/%E0%B8%AA%E0%B9%88%E0%B8%A7%E0%B8%99%E0%B8%A2%E0%B9%88%E0%B8%AD%E0%B8%A2%E0%B9%80%E0%B8%AD%E0%B8%8A%E0%B8%97%E0%B8%B5%E0%B9%80%E0%B8%AD%E0%B9%87%E0%B8%A1%E0%B9%81%E0%B8%AD%E0%B8%A5" title="ส่วนย่อยเอชทีเอ็มแอล – Thai" lang="th" hreflang="th" data-title="ส่วนย่อยเอชทีเอ็มแอล" data-language-autonym="ไทย" data-language-local-name="Thai" class="interlanguage-link-target"><span>ไทย</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/%D0%95%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8_HTML" title="Елементи HTML – Ukrainian" lang="uk" hreflang="uk" data-title="Елементи HTML" data-language-autonym="Українська" data-language-local-name="Ukrainian" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-vi mw-list-item"><a href="https://vi.wikipedia.org/wiki/Ph%E1%BA%A7n_t%E1%BB%AD_HTML" title="Phần tử HTML – Vietnamese" lang="vi" hreflang="vi" data-title="Phần tử HTML" data-language-autonym="Tiếng Việt" data-language-local-name="Vietnamese" class="interlanguage-link-target"><span>Tiếng Việt</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/HTML%E5%85%83%E7%B4%A0" title="HTML元素 – Chinese" lang="zh" hreflang="zh" data-title="HTML元素" data-language-autonym="中文" data-language-local-name="Chinese" class="interlanguage-link-target"><span>中文</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q179551#sitelinks-wikipedia" title="Edit interlanguage links" class="wbc-editpage">Edit links</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/HTML_element" title="View the content page [c]" accesskey="c"><span>Article</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Talk:HTML_element" rel="discussion" title="Discuss improvements to the content page [t]" accesskey="t"><span>Talk</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/HTML_element"><span>Read</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=HTML_element&amp;action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=HTML_element&amp;action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/HTML_element"><span>Read</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=HTML_element&amp;action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=HTML_element&amp;action=history"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/HTML_element" title="List of all English Wikipedia pages containing links to this page [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/HTML_element" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_Upload_Wizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=HTML_element&amp;oldid=1258585445" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=HTML_element&amp;action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Special:CiteThisPage&amp;page=HTML_element&amp;id=1258585445&amp;wpFormIdentifier=titleform" title="Information on how to cite this page"><span>Cite this page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&amp;url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FHTML_element"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&amp;url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FHTML_element"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&amp;page=HTML_element&amp;action=show-download-screen" title="Download this page as a PDF file"><span>Download as PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=HTML_element&amp;printable=yes" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-wikibooks mw-list-item"><a href="https://en.wikibooks.org/wiki/HyperText_Markup_Language/Introduction" hreflang="en"><span>Wikibooks</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q179551" title="Structured data on this page hosted by Wikidata [g]" accesskey="g"><span>Wikidata item</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">From Wikipedia, the free encyclopedia</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><div class="shortdescription nomobile noexcerpt noprint searchaux" style="display:none">Individual component of an HTML document</div> <style data-mw-deduplicate="TemplateStyles:r1236090951">.mw-parser-output .hatnote{font-style:italic}.mw-parser-output div.hatnote{padding-left:1.6em;margin-bottom:0.5em}.mw-parser-output .hatnote i{font-style:normal}.mw-parser-output .hatnote+link+.hatnote{margin-top:-0.5em}@media print{body.ns-0 .mw-parser-output .hatnote{display:none!important}}</style><div role="note" class="hatnote navigation-not-searchable selfref">For the usage of HTML on Wikipedia, see <a href="/wiki/Help:HTML_in_wikitext" title="Help:HTML in wikitext">Help:HTML in wikitext</a>.</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">"nobr" redirects here. For the chemical compound, see <a href="/wiki/NOBr" class="mw-redirect" title="NOBr">NOBr</a>.</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">"Font color" redirects here. For other uses, see <a href="/wiki/Font_color_(disambiguation)" class="mw-disambig" title="Font color (disambiguation)">Font color (disambiguation)</a>.</div> <p class="mw-empty-elt"> </p> <style data-mw-deduplicate="TemplateStyles:r1129693374">.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}</style><style data-mw-deduplicate="TemplateStyles:r1246091330">.mw-parser-output .sidebar{width:22em;float:right;clear:right;margin:0.5em 0 1em 1em;background:var(--background-color-neutral-subtle,#f8f9fa);border:1px solid var(--border-color-base,#a2a9b1);padding:0.2em;text-align:center;line-height:1.4em;font-size:88%;border-collapse:collapse;display:table}body.skin-minerva .mw-parser-output .sidebar{display:table!important;float:right!important;margin:0.5em 0 1em 1em!important}.mw-parser-output .sidebar-subgroup{width:100%;margin:0;border-spacing:0}.mw-parser-output .sidebar-left{float:left;clear:left;margin:0.5em 1em 1em 0}.mw-parser-output .sidebar-none{float:none;clear:both;margin:0.5em 1em 1em 0}.mw-parser-output .sidebar-outer-title{padding:0 0.4em 0.2em;font-size:125%;line-height:1.2em;font-weight:bold}.mw-parser-output .sidebar-top-image{padding:0.4em}.mw-parser-output .sidebar-top-caption,.mw-parser-output .sidebar-pretitle-with-top-image,.mw-parser-output .sidebar-caption{padding:0.2em 0.4em 0;line-height:1.2em}.mw-parser-output .sidebar-pretitle{padding:0.4em 0.4em 0;line-height:1.2em}.mw-parser-output .sidebar-title,.mw-parser-output .sidebar-title-with-pretitle{padding:0.2em 0.8em;font-size:145%;line-height:1.2em}.mw-parser-output .sidebar-title-with-pretitle{padding:0.1em 0.4em}.mw-parser-output .sidebar-image{padding:0.2em 0.4em 0.4em}.mw-parser-output .sidebar-heading{padding:0.1em 0.4em}.mw-parser-output .sidebar-content{padding:0 0.5em 0.4em}.mw-parser-output .sidebar-content-with-subgroup{padding:0.1em 0.4em 0.2em}.mw-parser-output .sidebar-above,.mw-parser-output .sidebar-below{padding:0.3em 0.8em;font-weight:bold}.mw-parser-output .sidebar-collapse .sidebar-above,.mw-parser-output .sidebar-collapse .sidebar-below{border-top:1px solid #aaa;border-bottom:1px solid #aaa}.mw-parser-output .sidebar-navbar{text-align:right;font-size:115%;padding:0 0.4em 0.4em}.mw-parser-output .sidebar-list-title{padding:0 0.4em;text-align:left;font-weight:bold;line-height:1.6em;font-size:105%}.mw-parser-output .sidebar-list-title-c{padding:0 0.4em;text-align:center;margin:0 3.3em}@media(max-width:640px){body.mediawiki .mw-parser-output .sidebar{width:100%!important;clear:both;float:none!important;margin-left:0!important;margin-right:0!important}}body.skin--responsive .mw-parser-output .sidebar a>img{max-width:none!important}@media screen{html.skin-theme-clientpref-night .mw-parser-output .sidebar:not(.notheme) .sidebar-list-title,html.skin-theme-clientpref-night .mw-parser-output .sidebar:not(.notheme) .sidebar-title-with-pretitle{background:transparent!important}html.skin-theme-clientpref-night .mw-parser-output .sidebar:not(.notheme) .sidebar-title-with-pretitle a{color:var(--color-progressive)!important}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .sidebar:not(.notheme) .sidebar-list-title,html.skin-theme-clientpref-os .mw-parser-output .sidebar:not(.notheme) .sidebar-title-with-pretitle{background:transparent!important}html.skin-theme-clientpref-os .mw-parser-output .sidebar:not(.notheme) .sidebar-title-with-pretitle a{color:var(--color-progressive)!important}}@media print{body.ns-0 .mw-parser-output .sidebar{display:none!important}}</style><table class="sidebar nomobile nowraplinks"><tbody><tr><th class="sidebar-title"><a href="/wiki/HTML" title="HTML">HTML</a></th></tr><tr><td class="sidebar-content hlist"> <ul><li><a href="/wiki/Dynamic_HTML" title="Dynamic HTML">Dynamic HTML</a></li> <li><a href="/wiki/HTML5" title="HTML5">HTML5</a> <ul><li><a href="/wiki/Article_element" title="Article element">article</a></li> <li><a href="/wiki/HTML_audio" title="HTML audio">audio</a></li> <li><a href="/wiki/Canvas_element" title="Canvas element">canvas</a></li> <li><a href="/wiki/HTML_video" title="HTML video">video</a></li></ul></li> <li><a href="/wiki/XHTML" title="XHTML">XHTML</a> <ul><li><a href="/wiki/XHTML_Basic" title="XHTML Basic">Basic</a></li> <li><a href="/wiki/XHTML_Mobile_Profile" title="XHTML Mobile Profile">Mobile Profile</a></li></ul></li> <li><a class="mw-selflink selflink">HTML element</a> <ul><li><a href="/wiki/Meta_element" title="Meta element">meta</a></li> <li><a href="/wiki/Div_and_span" title="Div and span">div and span</a></li> <li><a href="/wiki/Blink_element" title="Blink element">blink</a></li> <li><a href="/wiki/Marquee_element" title="Marquee element">marquee</a></li></ul></li> <li><a href="/wiki/HTML_attribute" title="HTML attribute">HTML attribute</a> <ul><li><a href="/wiki/Alt_attribute" title="Alt attribute">alt attribute</a></li></ul></li> <li><a href="/wiki/Frame_(World_Wide_Web)" title="Frame (World Wide Web)">HTML frame</a></li> <li><a href="/wiki/HTML_editor" title="HTML editor">HTML editor</a></li> <li><a href="/wiki/Character_encodings_in_HTML" title="Character encodings in HTML">Character encodings</a> <ul><li><a href="/wiki/List_of_XML_and_HTML_character_entity_references" title="List of XML and HTML character entity references">named characters</a></li> <li><a href="/wiki/Unicode_and_HTML" title="Unicode and HTML">Unicode</a></li></ul></li> <li><a href="/wiki/Language_code" title="Language code">Language code</a></li> <li><a href="/wiki/Document_Object_Model" title="Document Object Model">Document Object Model</a></li> <li><a href="/wiki/Browser_Object_Model" title="Browser Object Model">Browser Object Model</a></li> <li><a href="/wiki/Style_sheet_(web_development)" title="Style sheet (web development)">Style sheets</a> <ul><li><a href="/wiki/CSS" title="CSS">CSS</a></li></ul></li> <li><a href="/wiki/Font_family_(HTML)" title="Font family (HTML)">Font family</a></li> <li><a href="/wiki/Web_colors" title="Web colors">Web colors</a></li> <li><a href="/wiki/JavaScript" title="JavaScript">JavaScript</a> <ul><li><a href="/wiki/WebCL" title="WebCL">WebCL</a></li> <li><a href="/wiki/HTMX" class="mw-redirect" title="HTMX">HTMX</a></li></ul></li> <li><a href="/wiki/Web3D" title="Web3D">Web3D</a> <ul><li><a href="/wiki/WebGL" title="WebGL">WebGL</a></li> <li><a href="/wiki/WebGPU" title="WebGPU">WebGPU</a></li> <li><a href="/wiki/WebXR" title="WebXR">WebXR</a></li></ul></li> <li><a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a> <ul><li><a href="/wiki/W3C_Markup_Validation_Service" title="W3C Markup Validation Service">Validator</a></li></ul></li> <li><a href="/wiki/WHATWG" title="WHATWG">WHATWG</a></li> <li><a href="/wiki/Quirks_mode" title="Quirks mode">Quirks mode</a></li> <li><a href="/wiki/Web_storage" title="Web storage">Web storage</a></li> <li><a href="/wiki/Browser_engine" title="Browser engine">Rendering engine</a></li></ul></td> </tr><tr><th class="sidebar-heading"> Comparisons</th></tr><tr><td class="sidebar-content hlist"> <ul><li><a href="/wiki/Comparison_of_document_markup_languages" title="Comparison of document markup languages">Document markup languages</a></li> <li><a href="/wiki/Comparison_of_browser_engines" title="Comparison of browser engines">Comparison of browser engines</a></li></ul></td> </tr><tr><td class="sidebar-navbar" style="border-top:1px solid #aaa;"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><style data-mw-deduplicate="TemplateStyles:r1239400231">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}</style><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:HTML" title="Template:HTML"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:HTML" title="Template talk:HTML"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:HTML" title="Special:EditPage/Template:HTML"><abbr title="Edit this template">e</abbr></a></li></ul></div></td></tr></tbody></table> <p>An <b>HTML element</b> is a type of <a href="/wiki/HTML" title="HTML">HTML</a> (HyperText Markup Language) document component, one of several types of HTML nodes (there are also text nodes, comment nodes and others).<sup class="noprint Inline-Template" style="margin-left:0.1em; white-space:nowrap;">&#91;<i><a href="/wiki/Wikipedia:Vagueness" title="Wikipedia:Vagueness"><span title="This information is too vague. (February 2019)">vague</span></a></i>&#93;</sup> The first used version of HTML was written by <a href="/wiki/Tim_Berners-Lee" title="Tim Berners-Lee">Tim Berners-Lee</a> in 1993 and there have since been many versions of HTML. The current de facto standard is governed by the industry group <a href="/wiki/WHATWG" title="WHATWG">WHATWG</a> and is known as the HTML Living Standard. </p><p>An HTML document is composed of a <a href="/wiki/Tree_structure" title="Tree structure">tree</a> of simple HTML <a href="/wiki/Node_(computer_science)" title="Node (computer science)">nodes</a>, such as text nodes, and HTML elements, which add <a href="/wiki/Semantics" title="Semantics">semantics</a> and formatting to parts of a document (e.g., make text bold, organize it into paragraphs, lists and tables, or embed <a href="/wiki/Hyperlink" title="Hyperlink">hyperlinks</a> and images). Each element can have <a href="/wiki/HTML_attribute" title="HTML attribute">HTML attributes</a> specified. Elements can also have content, including other elements and text. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Concepts">Concepts</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=1" title="Edit section: Concepts"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:HTML_element_content_categories.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/HTML_element_content_categories.svg/220px-HTML_element_content_categories.svg.png" decoding="async" width="220" height="156" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/10/HTML_element_content_categories.svg/330px-HTML_element_content_categories.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/10/HTML_element_content_categories.svg/440px-HTML_element_content_categories.svg.png 2x" data-file-width="1123" data-file-height="794" /></a><figcaption>HTML element content categories</figcaption></figure> <div class="mw-heading mw-heading3"><h3 id="Elements_vs._tags">Elements vs. tags</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=2" title="Edit section: Elements vs. tags"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>As is generally understood, the position of an element is indicated as spanning from a start tag and is terminated by an end tag.<sup id="cite_ref-HTML401_Elements_1-0" class="reference"><a href="#cite_note-HTML401_Elements-1"><span class="cite-bracket">&#91;</span>1<span class="cite-bracket">&#93;</span></a></sup> This is the case for many, but not all, elements within an HTML document. The distinction is explicitly emphasised in <i>HTML 4.01 Specification</i>: </p> <style data-mw-deduplicate="TemplateStyles:r1244412712">.mw-parser-output .templatequote{overflow:hidden;margin:1em 0;padding:0 32px}.mw-parser-output .templatequotecite{line-height:1.5em;text-align:left;margin-top:0}@media(min-width:500px){.mw-parser-output .templatequotecite{padding-left:1.6em}}</style><blockquote class="templatequote"><p><b>Elements are not tags.</b> Some people refer to elements as tags (e.g., "the P tag"). Remember that the element is one thing, and the tag (be it start or end tag) is another. For instance, the HEAD element is always present, even though both start and end HEAD tags may be missing in the markup.<sup id="cite_ref-HTML401_Elements_1-1" class="reference"><a href="#cite_note-HTML401_Elements-1"><span class="cite-bracket">&#91;</span>1<span class="cite-bracket">&#93;</span></a></sup></p></blockquote> <p>Similarly the W3C Recommendation <i><b>HTML 5.1 2nd Edition</b></i> explicitly says: </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1244412712"><blockquote class="templatequote"> <p><b>Tags</b> are used to delimit the start and end of elements in the markup. (...) The start and end tags of certain normal elements can be omitted, (...) <br /> The contents of the element must be placed between just after the start tag (which <u>might be implied</u>, in certain cases) and just before the end tag (which again, <u>might be implied</u>, in certain cases). </p><div class="templatequotecite">—&#8202;<cite><a rel="nofollow" class="external text" href="https://www.w3.org/TR/html51/syntax.html#tags">HTML 5.1 2nd Edition § 8.1.2. Elements § Tags</a></cite></div></blockquote> <p>and: </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1244412712"><blockquote class="templatequote"><p> Certain tags can be <b>omitted</b>. <br /> <b>NOTE:</b><br /> Omitting an element's start tag (...) does not mean the element is not present; it is implied, but it is still there. For example, an HTML document always has a root <kbd>&lt;html&gt;</kbd> element, even if the string <kbd>&lt;html&gt;</kbd> doesn't appear anywhere in the markup. </p><div class="templatequotecite">—&#8202;<cite><a rel="nofollow" class="external text" href="https://www.w3.org/TR/html51/syntax.html#optional-tags">HTML 5.1 2nd Edition § 8.1.2.4. Optional tags</a></cite></div></blockquote> <p><br /> As HTML (before HTML5) is based on <a href="/wiki/SGML" class="mw-redirect" title="SGML">SGML</a>,<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">&#91;</span>2<span class="cite-bracket">&#93;</span></a></sup> its parsing also depends on the <a href="/wiki/Document_Type_Definition" class="mw-redirect" title="Document Type Definition">Document Type Definition (DTD)</a>, specifically an HTML DTD (e.g. HTML 4.01<sup id="cite_ref-W3C,_HTML_401_DTD_3-0" class="reference"><a href="#cite_note-W3C,_HTML_401_DTD-3"><span class="cite-bracket">&#91;</span>3<span class="cite-bracket">&#93;</span></a></sup><sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">&#91;</span>note 1<span class="cite-bracket">&#93;</span></a></sup>). The DTD specifies which element types are possible (i.e. it defines the set of element types) and also the valid combinations in which they may appear in a document. It is part of general SGML behavior that, where only one valid structure is <em>possible</em> (per the DTD), its explicit statement in any given document is not generally required. As a simple example, the <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span></code> tag indicating the start of a paragraph element should be complemented by a <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span></code> tag indicating its end. But since the DTD states that paragraph elements cannot be nested, an HTML document fragment <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Para 1 <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Para 2 <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Para 3</code> is thus inferred to be equivalent to <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Para 1 <span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Para 2 <span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Para 3</code>. (If one paragraph element cannot contain another, any currently open paragraph must be closed before starting another.) Because this implication is based on the combination of the DTD and the individual document, it is not usually possible to infer elements from document tags <em>alone</em> but only by using an SGML—or HTML—aware parser with knowledge of the DTD. <a href="/wiki/HTML5" title="HTML5">HTML5</a> creates a similar result by defining what tags can be omitted.<sup id="cite_ref-whatwg-syntax-tag-omission_5-0" class="reference"><a href="#cite_note-whatwg-syntax-tag-omission-5"><span class="cite-bracket">&#91;</span>4<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading3"><h3 id="SGML_vs._XML">SGML vs. XML</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=3" title="Edit section: SGML vs. XML"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>SGML is complex, which has limited its widespread understanding and adoption. <a href="/wiki/XML" title="XML">XML</a> was developed as a simpler alternative. Although both can use the DTD to specify the supported elements and their permitted combinations as document structure, XML parsing is simpler. The relation from tags to elements is always that of parsing the actual tags included in the document, without the implied closures that are part of SGML.<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">&#91;</span>note 2<span class="cite-bracket">&#93;</span></a></sup> </p><p>HTML as used on the current web is likely to be either treated as XML, by being <a href="/wiki/XHTML" title="XHTML">XHTML</a>, or as <a href="/wiki/HTML5" title="HTML5">HTML5</a>; in either case the parsing of document tags into <a href="/wiki/Document_Object_Model" title="Document Object Model">Document Object Model</a> (DOM) elements is simplified compared to legacy HTML systems. Once the DOM of elements is obtained, behavior at higher levels of interface (example: screen rendering) is identical or nearly so.<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">&#91;</span>note 3<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading3"><h3 id="%block;_vs._box"><span id=".25block.3B_vs._box"></span><code>%block;</code> vs. box</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=4" title="Edit section: %block; vs. box"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Part of this CSS presentation behavior is the notion of the "<a href="/wiki/CSS_box_model" title="CSS box model">box model</a>". This is applied to those elements that CSS considers to be "block" elements, set through the CSS <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="nt">display</span><span class="o">:</span><span class="w"> </span><span class="nt">block</span><span class="o">;</span></code> declaration. </p><p>HTML also has a similar concept, although different, and the two are very frequently confused. <code>%block;</code> and <code>%inline;</code> are groups within the HTML DTD that group elements as being either "block-level" or "inline".<sup id="cite_ref-W3C,_HTML_4.01,_block_and_inline_9-0" class="reference"><a href="#cite_note-W3C,_HTML_4.01,_block_and_inline-9"><span class="cite-bracket">&#91;</span>6<span class="cite-bracket">&#93;</span></a></sup> This is used to define their nesting behavior: block-level elements cannot be placed into an inline context.<sup id="cite_ref-10" class="reference"><a href="#cite_note-10"><span class="cite-bracket">&#91;</span>note 4<span class="cite-bracket">&#93;</span></a></sup> This behavior cannot be changed; it is fixed in the DTD. Block and <a href="/w/index.php?title=Inline_elements&amp;action=edit&amp;redlink=1" class="new" title="Inline elements (page does not exist)">inline elements</a> have the appropriate and different <a href="/wiki/CSS" title="CSS">CSS</a> behaviors attached to them by default,<sup id="cite_ref-W3C,_HTML_4.01,_block_and_inline_9-1" class="reference"><a href="#cite_note-W3C,_HTML_4.01,_block_and_inline-9"><span class="cite-bracket">&#91;</span>6<span class="cite-bracket">&#93;</span></a></sup> including the relevance of the box model for particular element types. </p><p>Note though that this CSS behavior can, and frequently is, changed from the default. Lists with <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">ul</span><span class="p">&gt;&lt;</span><span class="nt">li</span><span class="p">&gt;</span> ...</code> are <code>%block;</code> elements and are presented as block elements by default. However, it is quite common to set these with CSS to display as an inline list.<sup id="cite_ref-11" class="reference"><a href="#cite_note-11"><span class="cite-bracket">&#91;</span>7<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="Overview">Overview</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=5" title="Edit section: Overview"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Syntax">Syntax</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=6" title="Edit section: Syntax"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="thumb tright" style=""><div class="thumbinner" style="width:-moz-fit-content; width:fit-content;"><div class="thumbimage noresize" style="width:auto;"> <span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle \overbrace {\overbrace {{\mathtt {\color {BrickRed}&lt;\!p\ }}\color {Magenta}\underbrace {\mathtt {class}} _{\mathsf {\color {Black}{Attribute \atop name}}}{\mathtt {=''}}\!\underbrace {\mathtt {paragraph}} _{\mathsf {\color {White}{Attr} \atop \color {Black}Attribute\ value}}''{\mathtt {\color {BrickRed}&gt;}}} ^{\mathsf {Start\ tag}}\overbrace {\mathtt {\color {Green}This\ is\ a\ paragraph.}} ^{\mathsf {Content}}\overbrace {\mathtt {\color {BrickRed}&lt;\!/p\!&gt;}} ^{\mathsf {End \atop tag}}} ^{\mathsf {Element}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mover> <mrow class="MJX-TeXAtom-OP MJX-fixedlimits"> <mover> <mrow> <mover> <mrow class="MJX-TeXAtom-OP MJX-fixedlimits"> <mover> <mrow> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-ORD"> <mstyle mathcolor="#B6321C"> <mo mathvariant="monospace">&lt;</mo> <mspace width="negativethinmathspace" /> <mi mathvariant="monospace">p</mi> <mtext mathvariant="monospace">&#xA0;</mtext> </mstyle> </mrow> </mrow> <mstyle mathcolor="#EC008C"> <munder> <mrow class="MJX-TeXAtom-OP MJX-fixedlimits"> <munder> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="monospace">c</mi> <mi mathvariant="monospace">l</mi> <mi mathvariant="monospace">a</mi> <mi mathvariant="monospace">s</mi> <mi mathvariant="monospace">s</mi> </mrow> <mo>&#x23DF;<!-- ⏟ --></mo> </munder> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-ORD"> <mstyle mathcolor="#221E1F"> <mrow class="MJX-TeXAtom-ORD"> <mfrac linethickness="0"> <mrow> <mi mathvariant="sans-serif">A</mi> <mi mathvariant="sans-serif">t</mi> <mi mathvariant="sans-serif">t</mi> <mi mathvariant="sans-serif">r</mi> <mi mathvariant="sans-serif">i</mi> <mi mathvariant="sans-serif">b</mi> <mi mathvariant="sans-serif">u</mi> <mi mathvariant="sans-serif">t</mi> <mi mathvariant="sans-serif">e</mi> </mrow> <mrow> <mi mathvariant="sans-serif">n</mi> <mi mathvariant="sans-serif">a</mi> <mi mathvariant="sans-serif">m</mi> <mi mathvariant="sans-serif">e</mi> </mrow> </mfrac> </mrow> </mstyle> </mrow> </mrow> </munder> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-ORD"> <msup> <mo mathvariant="monospace">=</mo> <mo>&#x2033;</mo> </msup> </mrow> </mrow> <mspace width="negativethinmathspace" /> <msup> <munder> <mrow class="MJX-TeXAtom-OP MJX-fixedlimits"> <munder> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="monospace">p</mi> <mi mathvariant="monospace">a</mi> <mi mathvariant="monospace">r</mi> <mi mathvariant="monospace">a</mi> <mi mathvariant="monospace">g</mi> <mi mathvariant="monospace">r</mi> <mi mathvariant="monospace">a</mi> <mi mathvariant="monospace">p</mi> <mi mathvariant="monospace">h</mi> </mrow> <mo>&#x23DF;<!-- ⏟ --></mo> </munder> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-ORD"> <mfrac linethickness="0"> <mstyle mathcolor="#FFFFFF"> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="sans-serif">A</mi> <mi mathvariant="sans-serif">t</mi> <mi mathvariant="sans-serif">t</mi> <mi mathvariant="sans-serif">r</mi> </mrow> </mstyle> <mstyle mathcolor="#221E1F"> <mi mathvariant="sans-serif">A</mi> <mi mathvariant="sans-serif">t</mi> <mi mathvariant="sans-serif">t</mi> <mi mathvariant="sans-serif">r</mi> <mi mathvariant="sans-serif">i</mi> <mi mathvariant="sans-serif">b</mi> <mi mathvariant="sans-serif">u</mi> <mi mathvariant="sans-serif">t</mi> <mi mathvariant="sans-serif">e</mi> <mtext mathvariant="sans-serif">&#xA0;</mtext> <mi mathvariant="sans-serif">v</mi> <mi mathvariant="sans-serif">a</mi> <mi mathvariant="sans-serif">l</mi> <mi mathvariant="sans-serif">u</mi> <mi mathvariant="sans-serif">e</mi> </mstyle> </mfrac> </mrow> </mrow> </munder> <mo>&#x2033;</mo> </msup> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-ORD"> <mstyle mathcolor="#B6321C"> <mo mathvariant="monospace">&gt;</mo> </mstyle> </mrow> </mrow> </mstyle> </mrow> <mo>&#x23DE;<!-- ⏞ --></mo> </mover> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="sans-serif">S</mi> <mi mathvariant="sans-serif">t</mi> <mi mathvariant="sans-serif">a</mi> <mi mathvariant="sans-serif">r</mi> <mi mathvariant="sans-serif">t</mi> <mtext mathvariant="sans-serif">&#xA0;</mtext> <mi mathvariant="sans-serif">t</mi> <mi mathvariant="sans-serif">a</mi> <mi mathvariant="sans-serif">g</mi> </mrow> </mrow> </mover> <mover> <mrow class="MJX-TeXAtom-OP MJX-fixedlimits"> <mover> <mrow class="MJX-TeXAtom-ORD"> <mstyle mathcolor="#008000"> <mi mathvariant="monospace">T</mi> <mi mathvariant="monospace">h</mi> <mi mathvariant="monospace">i</mi> <mi mathvariant="monospace">s</mi> <mtext mathvariant="monospace">&#xA0;</mtext> <mi mathvariant="monospace">i</mi> <mi mathvariant="monospace">s</mi> <mtext mathvariant="monospace">&#xA0;</mtext> <mi mathvariant="monospace">a</mi> <mtext mathvariant="monospace">&#xA0;</mtext> <mi mathvariant="monospace">p</mi> <mi mathvariant="monospace">a</mi> <mi mathvariant="monospace">r</mi> <mi mathvariant="monospace">a</mi> <mi mathvariant="monospace">g</mi> <mi mathvariant="monospace">r</mi> <mi mathvariant="monospace">a</mi> <mi mathvariant="monospace">p</mi> <mi mathvariant="monospace">h</mi> <mo mathvariant="monospace">.</mo> </mstyle> </mrow> <mo>&#x23DE;<!-- ⏞ --></mo> </mover> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="sans-serif">C</mi> <mi mathvariant="sans-serif">o</mi> <mi mathvariant="sans-serif">n</mi> <mi mathvariant="sans-serif">t</mi> <mi mathvariant="sans-serif">e</mi> <mi mathvariant="sans-serif">n</mi> <mi mathvariant="sans-serif">t</mi> </mrow> </mrow> </mover> <mover> <mrow class="MJX-TeXAtom-OP MJX-fixedlimits"> <mover> <mrow class="MJX-TeXAtom-ORD"> <mstyle mathcolor="#B6321C"> <mo mathvariant="monospace">&lt;</mo> <mspace width="negativethinmathspace" /> <mrow class="MJX-TeXAtom-ORD"> <mo mathvariant="monospace">/</mo> </mrow> <mi mathvariant="monospace">p</mi> <mspace width="negativethinmathspace" /> <mo mathvariant="monospace">&gt;</mo> </mstyle> </mrow> <mo>&#x23DE;<!-- ⏞ --></mo> </mover> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-ORD"> <mfrac linethickness="0"> <mrow> <mi mathvariant="sans-serif">E</mi> <mi mathvariant="sans-serif">n</mi> <mi mathvariant="sans-serif">d</mi> </mrow> <mrow> <mi mathvariant="sans-serif">t</mi> <mi mathvariant="sans-serif">a</mi> <mi mathvariant="sans-serif">g</mi> </mrow> </mfrac> </mrow> </mrow> </mover> </mrow> <mo>&#x23DE;<!-- ⏞ --></mo> </mover> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="sans-serif">E</mi> <mi mathvariant="sans-serif">l</mi> <mi mathvariant="sans-serif">e</mi> <mi mathvariant="sans-serif">m</mi> <mi mathvariant="sans-serif">e</mi> <mi mathvariant="sans-serif">n</mi> <mi mathvariant="sans-serif">t</mi> </mrow> </mrow> </mover> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \overbrace {\overbrace {{\mathtt {\color {BrickRed}&lt;\!p\ }}\color {Magenta}\underbrace {\mathtt {class}} _{\mathsf {\color {Black}{Attribute \atop name}}}{\mathtt {=''}}\!\underbrace {\mathtt {paragraph}} _{\mathsf {\color {White}{Attr} \atop \color {Black}Attribute\ value}}''{\mathtt {\color {BrickRed}&gt;}}} ^{\mathsf {Start\ tag}}\overbrace {\mathtt {\color {Green}This\ is\ a\ paragraph.}} ^{\mathsf {Content}}\overbrace {\mathtt {\color {BrickRed}&lt;\!/p\!&gt;}} ^{\mathsf {End \atop tag}}} ^{\mathsf {Element}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/37506127f0730d9b6035530f46c706af4e2319d4" class="mwe-math-fallback-image-inline mw-invert skin-invert" aria-hidden="true" style="vertical-align: -5.338ex; margin-right: -0.028ex; width:55.167ex; height:15.009ex;" alt="{\displaystyle \overbrace {\overbrace {{\mathtt {\color {BrickRed}&lt;\!p\ }}\color {Magenta}\underbrace {\mathtt {class}} _{\mathsf {\color {Black}{Attribute \atop name}}}{\mathtt {=&#039;&#039;}}\!\underbrace {\mathtt {paragraph}} _{\mathsf {\color {White}{Attr} \atop \color {Black}Attribute\ value}}&#039;&#039;{\mathtt {\color {BrickRed}&gt;}}} ^{\mathsf {Start\ tag}}\overbrace {\mathtt {\color {Green}This\ is\ a\ paragraph.}} ^{\mathsf {Content}}\overbrace {\mathtt {\color {BrickRed}&lt;\!/p\!&gt;}} ^{\mathsf {End \atop tag}}} ^{\mathsf {Element}}}"></span></div><div class="thumbcaption">Parts of an HTML container element</div></div></div> <p>In the HTML syntax, most elements are written with a start tag and an end tag, with the content in between. An <b>HTML tag</b> is composed of the name of the element, surrounded by <a href="/wiki/Angle_bracket" class="mw-redirect" title="Angle bracket">angle brackets</a>. An end tag also has a slash after the opening angle bracket, to distinguish it from the start tag. For example, a paragraph, which is represented by the <code class="nowrap" style="">&lt;p&gt;</code> element, would be written as: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>In the HTML syntax, most elements are written ...<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> </pre></div> <p>However, not all of these elements <em>require</em> the end tag, or even the start tag, to be present.<sup id="cite_ref-whatwg-syntax-tag-omission_5-1" class="reference"><a href="#cite_note-whatwg-syntax-tag-omission-5"><span class="cite-bracket">&#91;</span>4<span class="cite-bracket">&#93;</span></a></sup> Some elements, the so-called <i><a href="#Void_elements">void elements</a></i>, do not have an end tag. A typical example is the <code class="nowrap" style="">&lt;br&gt;</code> (hard line-break) element. A void element's behavior is predefined, and it cannot contain any content or other elements. For example, an address would be written as: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>P. Sherman<span class="p">&lt;</span><span class="nt">br</span><span class="p">&gt;</span>42 Wallaby Way<span class="p">&lt;</span><span class="nt">br</span><span class="p">&gt;</span>Sydney<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> </pre></div> <p>When using <a href="/wiki/XHTML" title="XHTML">XHTML</a>, it is required to open and close all elements, including void elements. This can be done by placing an end tag immediately after the start tag, but this is not legal in HTML 5 and will lead to two elements being created. An alternative way to specify that it is a void element, which is compatible with both XHTML and HTML 5, is to put a <code>/</code> at the <em>end</em> of the tag (not to be confused with the <code>/</code> at the <em>beginning</em> of a closing tag). </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>P. Sherman<span class="p">&lt;</span><span class="nt">br</span> <span class="p">/&gt;</span>42 Wallaby Way<span class="p">&lt;</span><span class="nt">br</span> <span class="p">/&gt;</span>Sydney<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> </pre></div> <p><a href="/wiki/HTML_attribute" title="HTML attribute">HTML attributes</a> are specified inside the start tag. For example, the <code class="nowrap" style="">&lt;abbr&gt;</code> element, which represents an <a href="/wiki/Abbreviation" title="Abbreviation">abbreviation</a>, expects a <code>title</code> attribute within its opening tag. This would be written as: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">abbr</span> <span class="na">title</span><span class="o">=</span><span class="s">&quot;abbreviation&quot;</span><span class="p">&gt;</span>abbr.<span class="p">&lt;/</span><span class="nt">abbr</span><span class="p">&gt;</span> </pre></div> <p>Informally, HTML elements are sometimes referred to as "tags" (an example of <a href="/wiki/Synecdoche" title="Synecdoche">synecdoche</a>), though many prefer the term <i>tag</i> strictly in reference to the markup delimiting the start and end of an element. </p><p>Element (and attribute) names may be written in any combination of upper or lower case in HTML, but must be in lower case in XHTML.<sup id="cite_ref-XHTML10-42_12-0" class="reference"><a href="#cite_note-XHTML10-42-12"><span class="cite-bracket">&#91;</span>8<span class="cite-bracket">&#93;</span></a></sup> The canonical form was upper-case until <a href="/wiki/HTML_4" class="mw-redirect" title="HTML 4">HTML 4</a>, and was used in HTML specifications, but in recent years, lower-case has become more common. </p> <div class="mw-heading mw-heading4"><h4 id="Types_of_element">Types of element</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=7" title="Edit section: Types of element"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>There are three kinds of <a href="/wiki/HTML" title="HTML">HTML</a> elements: normal elements, raw text elements, and void elements. </p><p><b><style data-mw-deduplicate="TemplateStyles:r1238216509">.mw-parser-output .vanchor>:target~.vanchor-text{background-color:#b1d2ff}@media screen{html.skin-theme-clientpref-night .mw-parser-output .vanchor>:target~.vanchor-text{background-color:#0f4dc9}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .vanchor>:target~.vanchor-text{background-color:#0f4dc9}}</style><span class="vanchor"><span id="Normal_elements"></span><span class="vanchor-text">Normal elements</span></span></b> usually have both a start tag and an end tag, although for some elements the end tag, or both tags, can be omitted. It is constructed in a similar way: </p> <ul><li>a <i>start tag</i> (<code class="nowrap" style="">&lt;<var style="padding-right: 1px;">tag</var>&gt;</code>) marking the beginning of an element, which may incorporate any number of <a href="/wiki/HTML_attribute" title="HTML attribute">HTML attributes</a>;</li> <li>some amount of <i>content</i>, including text and other elements;</li> <li>an <i>end tag</i>, in which the element name is prefixed with a <a href="/wiki/Slash_(punctuation)" title="Slash (punctuation)">slash</a>: <code class="nowrap" style="">&lt;&#47;<var style="padding-right: 1px;">tag</var>&gt;</code>.</li></ul> <p><b><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238216509"><span class="vanchor"><span id="Raw_text_elements"></span><span class="vanchor-text">Raw text elements</span></span></b> (also known as text or text-only elements) are constructed with: </p> <ul><li>a <i>start tag</i> (in the form <code class="nowrap" style="">&lt;<var style="padding-right: 1px;">tag</var>&gt;</code>) marking the beginning of an element, which may incorporate any number of HTML attributes;</li> <li>some amount of text <i>content</i>, but no elements (all tags, apart from the applicable end tag, will be interpreted as content);</li> <li>an <i>end tag</i>, in which the element name is prefixed with a slash: <code class="nowrap" style="">&lt;&#47;<var style="padding-right: 1px;">tag</var>&gt;</code>. In some versions of HTML, the end tag is optional for some elements. The end tag is required in <a href="/wiki/XHTML" title="XHTML">XHTML</a>.</li></ul> <p>An example is the <code class="nowrap" style="">&lt;title&gt;</code> element, which must not contain other elements (including markup of text), only <em>plain</em> text. </p><p><b><span class="anchor" id="Empty_element"></span><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238216509"><span class="vanchor"><span id="Void_elements"></span><span class="vanchor-text">Void elements</span></span></b> (also sometimes called empty elements, single elements or stand-alone elements) only have a start tag (in the form <code class="nowrap" style="">&lt;<var style="padding-right: 1px;">tag</var>&gt;</code>), which contains any HTML attributes. They may not contain any children, such as text or other elements. For compatibility with <a href="/wiki/XHTML" title="XHTML">XHTML</a>, the HTML specification<sup class="noprint Inline-Template" style="white-space:nowrap;">&#91;<i><a href="/wiki/Wikipedia:Avoid_weasel_words" class="mw-redirect" title="Wikipedia:Avoid weasel words"><span title="The material near this tag possibly uses too vague attribution or weasel words. (August 2022)">which?</span></a></i>&#93;</sup> allows an optional space and slash<sup class="noprint Inline-Template Template-Fact" style="white-space:nowrap;">&#91;<i><a href="/wiki/Wikipedia:Citation_needed" title="Wikipedia:Citation needed"><span title="This claim needs references to reliable sources. (August 2022)">citation needed</span></a></i>&#93;</sup> (<code class="nowrap" style="">&lt;<var style="padding-right: 1px;">tag</var>&#32;&#47;&gt;</code> is permissible). The slash is required in <a href="/wiki/XHTML" title="XHTML">XHTML</a> and other <a href="/wiki/XML" title="XML">XML</a> applications. Two common void elements are <code class="nowrap" style="">&lt;br&#32;&#47;&gt;</code> (for a <a href="/wiki/Hard_return" class="mw-redirect" title="Hard return">hard line-break</a>, such as in a poem or an address) and <code class="nowrap" style="">&lt;hr&#32;&#47;&gt;</code> (for a thematic break). Other such elements are often place-holders which reference external files, such as the image (<code class="nowrap" style="">&lt;img&#32;&#47;&gt;</code>) element. The attributes included in the element will then point to the external file in question. Another example of a void element is <code class="nowrap" style="">&lt;link&#32;&#47;&gt;</code>, for which the syntax is: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;fancy.css&quot;</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/css&quot;</span><span class="p">&gt;</span> </pre></div> <p>This <code class="nowrap" style="">&lt;link&#32;&#47;&gt;</code> element points the browser at a <a href="/wiki/Style_sheet_(web_development)" title="Style sheet (web development)">style sheet</a> to use when presenting the HTML document to the user. In the HTML syntax attributes do not have to be quoted if they are composed only of certain characters: letters, digits, the hyphen-minus and the period. When using the XML syntax (XHTML), on the other hand, all attributes must be quoted, and a spaced trailing <a href="/wiki/Slash_(punctuation)" title="Slash (punctuation)">slash</a> is required before the last angle bracket: </p> <div class="mw-highlight mw-highlight-lang-xml mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">&lt;link</span><span class="w"> </span><span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span><span class="w"> </span><span class="na">href=</span><span class="s">&quot;fancy.css&quot;</span><span class="w"> </span><span class="na">type=</span><span class="s">&quot;text/css&quot;</span><span class="w"> </span><span class="nt">/&gt;</span> </pre></div> <div class="mw-heading mw-heading4"><h4 id="Attributes">Attributes</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=8" title="Edit section: Attributes"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><b><a href="/wiki/HTML_attribute" title="HTML attribute">HTML attributes</a></b> define desired behavior or indicate additional element properties. Most attributes require a <i>value</i>. In HTML, the value can be left unquoted if it does not include spaces (<code><var style="padding-right: 1px;">attribute</var>=<var style="padding-right: 1px;">value</var></code>), or it can be quoted with single or double quotes (<code><var style="padding-right: 1px;">attribute</var>='<var style="padding-right: 1px;">value</var>'</code> or <code><var style="padding-right: 1px;">attribute</var>="<var style="padding-right: 1px;">value</var>"</code>). In <a href="/wiki/XML" title="XML">XML</a>, those quotes are required. </p><p><a href="/wiki/Boolean_data_type" title="Boolean data type">Boolean</a> attributes, on the other hand, do not require a value to be specified. An example is the <code>checked</code> for checkboxes: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">input</span> <span class="na">type</span><span class="o">=</span><span class="s">checkbox</span> <span class="na">checked</span><span class="p">&gt;</span> </pre></div> <p>In the XML (and thus <a href="/wiki/XHTML" title="XHTML">XHTML</a>) syntax, though, a value is required, and the name should be repeated as the value: </p> <div class="mw-highlight mw-highlight-lang-xml mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">&lt;input</span><span class="w"> </span><span class="na">type=</span><span class="s">&quot;checkbox&quot;</span><span class="w"> </span><span class="na">checked=</span><span class="s">&quot;checked&quot;</span><span class="w"> </span><span class="nt">/&gt;</span> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Element_standards">Element standards</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=9" title="Edit section: Element standards"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>HTML elements are defined in a series of freely available open standards issued since 1995, initially by the <a href="/wiki/IETF" class="mw-redirect" title="IETF">IETF</a> and subsequently by the <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. </p><p>During the <a href="/wiki/Browser_wars" title="Browser wars">browser wars</a> of the 1990s, developers of <a href="/wiki/User_agent" title="User agent">user agents</a> (e.g. <a href="/wiki/Web_browser" title="Web browser">web browsers</a>) often developed their own elements, some of which have been adopted in later standards. Other user agents may not recognize non-standard elements, and they will be ignored, possibly causing the page to be displayed improperly. </p><p>In 1998, <a href="/wiki/XML" title="XML">XML</a> (a simplified form of SGML) introduced mechanisms to allow anyone to develop their own elements and incorporate them in <a href="/wiki/XHTML" title="XHTML">XHTML</a> documents, for use with XML-aware user agents.<sup id="cite_ref-13" class="reference"><a href="#cite_note-13"><span class="cite-bracket">&#91;</span>9<span class="cite-bracket">&#93;</span></a></sup> </p><p>Subsequently, HTML 4.01 was rewritten in an <a href="/wiki/XML" title="XML">XML</a>-compatible form, <a href="#XHTML10">XHTML 1.0</a> (<i>eXtensible HTML</i>). The elements in each are identical, and in most cases valid XHTML 1.0 documents will be valid or nearly valid HTML 4.01 documents. This article mainly focuses on real HTML, unless noted otherwise; however, it remains applicable to XHTML. See <a href="/wiki/HTML#SGML-based_versus_XML-based_HTML" title="HTML">HTML</a> for a discussion of the minor differences between the two. </p> <div class="mw-heading mw-heading3"><h3 id="Element_status">Element status</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=10" title="Edit section: Element status"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Since the first version of HTML, several elements have become outmoded, and are <i><a href="/wiki/Deprecated" class="mw-redirect" title="Deprecated">deprecated</a></i> in later standards, or do not appear at all, in which case they are <i>invalid</i> (and will be found invalid, and perhaps not displayed, by <a href="/wiki/XML_validation" title="XML validation">validating</a> user agents).<sup id="cite_ref-XML10-51_14-0" class="reference"><a href="#cite_note-XML10-51-14"><span class="cite-bracket">&#91;</span>10<span class="cite-bracket">&#93;</span></a></sup> </p><p>In <a href="/wiki/HTML_4.01" class="mw-redirect" title="HTML 4.01">HTML 4.01</a> / <a href="/wiki/XHTML_1.0" class="mw-redirect" title="XHTML 1.0">XHTML 1.0</a>, the status of elements is complicated by the existence of three types of <a href="/wiki/Document_Type_Definition" class="mw-redirect" title="Document Type Definition">DTD</a>: </p> <ul><li><b>Transitional</b>, which contain deprecated elements, but which were intended to provide a transitional period during which authors could update their practices;</li> <li><b>Frameset</b>, which are versions of the Transitional DTDs which also allow authors to write <b>frameset</b> documents;</li> <li><b>Strict</b>, which is the up-to-date (as at 1999) form of HTML.</li></ul> <p>HTML5 instead provides a listing of <b>obsolete</b> features to go along with the <b>standardized</b> normative content. They are broken down into "obsolete but conforming" for which implementation instructions exist and "non-conforming" ones that should be replaced.<sup id="cite_ref-15" class="reference"><a href="#cite_note-15"><span class="cite-bracket">&#91;</span>11<span class="cite-bracket">&#93;</span></a></sup> </p><p>The first Standard (<a href="/wiki/HTML#HTML_2" title="HTML">HTML 2.0</a>) contained four deprecated elements, one of which was invalid in <a href="/wiki/HTML_3.2" class="mw-redirect" title="HTML 3.2">HTML 3.2</a>. All four are invalid in <a href="/wiki/HTML_4" class="mw-redirect" title="HTML 4">HTML 4.01 Transitional</a>, which also deprecated a further ten elements. All of these, plus two others, are invalid in <a href="/wiki/HTML_4" class="mw-redirect" title="HTML 4">HTML 4.01 Strict</a>. While the frame elements are still current in the sense of being present in the Transitional and Frameset DTDs, there are no plans to preserve them in future standards, as their function has been largely replaced, and they are highly problematic for user accessibility. </p><p>(Strictly speaking, the most recent <i>XHTML</i> standard, <a href="/wiki/XHTML_1.1" class="mw-redirect" title="XHTML 1.1">XHTML 1.1</a> (2001), does not include frames at all; it is approximately equivalent to <a href="/wiki/XHTML_1.0" class="mw-redirect" title="XHTML 1.0">XHTML 1.0 Strict</a>, but also includes the <b><a href="/wiki/Ruby_(annotation_markup)" class="mw-redirect" title="Ruby (annotation markup)">Ruby markup</a></b> module.)<sup id="cite_ref-XHTML11_16-0" class="reference"><a href="#cite_note-XHTML11-16"><span class="cite-bracket">&#91;</span>12<span class="cite-bracket">&#93;</span></a></sup> </p><p>A common source of confusion is the loose use of <i>deprecated</i> to refer to both deprecated and invalid status, and to elements that are expected to be formally deprecated in the future. </p> <div class="mw-heading mw-heading3"><h3 id="Content_vs._presentation_and_behavior">Content vs. presentation and behavior</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=11" title="Edit section: Content vs. presentation and behavior"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Since HTML 4, HTML has increasingly focused on the separation of content (the visible text and images) from presentation (like color, font size, and layout).<sup id="cite_ref-17" class="reference"><a href="#cite_note-17"><span class="cite-bracket">&#91;</span>13<span class="cite-bracket">&#93;</span></a></sup> This is often referred to as a <a href="/wiki/Separation_of_concerns" title="Separation of concerns">separation of concerns</a>. HTML is used to represent the structure or content of a document, its presentation remains the sole responsibility of <a href="/wiki/CSS" title="CSS">CSS</a> style sheets. A default <a href="/wiki/Style_sheet_(web_development)" title="Style sheet (web development)">style sheet</a> is suggested as part of the CSS standard, giving a default rendering for HTML.<sup id="cite_ref-18" class="reference"><a href="#cite_note-18"><span class="cite-bracket">&#91;</span>14<span class="cite-bracket">&#93;</span></a></sup> </p><p>Behavior (interactivity) is also kept separate from content, and is handled by <a href="/wiki/Client-side_scripting" class="mw-redirect" title="Client-side scripting">scripts</a>. Images are contained in separate <a href="/wiki/Graphics" title="Graphics">graphics</a> files, separate from text, though they can also be considered part of the content of a page. </p><p>Separation of concerns allows the document to be presented by different user agents according to their purposes and abilities. For example, a user agent can select an appropriate style sheet to present a document by displaying on a monitor, printing on paper, or to determine speech characteristics in an audio-only user agent. The structural and semantic functions of the markup remain identical in each case. </p><p>Historically, user agents did not always support these features. In the 1990s, as a stop-gap, presentational elements (like <code class="nowrap" style="">&lt;b&gt;</code> and <code class="nowrap" style="">&lt;i&gt;</code>) were added to HTML, at the cost of creating problems for interoperability and user accessibility. This is now regarded as outmoded and has been superseded by style sheet-based design; most presentational elements are now deprecated.<sup id="cite_ref-HTML401-141_19-0" class="reference"><a href="#cite_note-HTML401-141-19"><span class="cite-bracket">&#91;</span>15<span class="cite-bracket">&#93;</span></a></sup> </p><p>External image files are incorporated with the <code class="nowrap" style="">&lt;img&#32;&#47;&gt;</code> or <code class="nowrap" style="">&lt;object&#32;&#47;&gt;</code> elements. (With <a href="/wiki/XHTML" title="XHTML">XHTML</a>, the <a href="/wiki/Scalable_Vector_Graphics" class="mw-redirect" title="Scalable Vector Graphics">SVG</a> language can also be used to write graphics within the document, though linking to external SVG files is generally simpler.)<sup id="cite_ref-SVG11-23_20-0" class="reference"><a href="#cite_note-SVG11-23-20"><span class="cite-bracket">&#91;</span>16<span class="cite-bracket">&#93;</span></a></sup> Where an image is not purely decorative, HTML allows replacement content with similar semantic value to be provided for non-visual user agents. </p><p>An HTML document can also be extended through the use of scripts to provide additional behaviors beyond the abilities of HTML hyperlinks and forms. </p><p>The elements <code class="nowrap" style="">&lt;style&gt;</code> and <code class="nowrap" style="">&lt;script&gt;</code>, with related <a href="/wiki/HTML_attributes" class="mw-redirect" title="HTML attributes">HTML attributes</a>, provide style sheets and scripts. </p> <ul><li>In the document head, <code class="nowrap" style="">&lt;style&#32;&#47;&gt;</code> and <code class="nowrap" style="">&lt;script&#32;&#47;&gt;</code> may link to shared external documents, or <code class="nowrap" style="">&lt;style&gt;...&lt;&#47;style&gt;</code> and <code class="nowrap" style="">&lt;script&gt;...&lt;&#47;script&gt;</code> may contain embedded instructions. (The <code class="nowrap" style="">&lt;link&gt;</code> element can also be used to link style sheets.)</li> <li><code class="nowrap" style="">&lt;script&#32;&#47;&gt;</code> or <code class="nowrap" style="">&lt;script&gt;...&lt;&#47;script&gt;</code> can occur at any point in the document (head or body).</li> <li>The <code>style</code> attribute is valid in most document body elements (e.g. <code class="nowrap" style="">&lt;div&#32;style="..."&gt;</code>) for inclusion of <i>inline style</i> instructions.</li> <li><i>Event-handling attributes</i>, which provide links to scripts, are optional in most elements.</li> <li>For user agents which do not operate scripts, the <code class="nowrap" style="">&lt;noscript&gt;...&lt;&#47;noscript&gt;</code> element provides embedded alternative content where appropriate; however, it can only be used in the document head and in the body as a block-level element.</li></ul> <div class="mw-heading mw-heading2"><h2 id="Document_structure_elements">Document structure elements</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=12" title="Edit section: Document structure elements"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1228772891">.mw-parser-output .glossary dt{margin-top:0.4em}.mw-parser-output .glossary dt+dt{margin-top:-0.2em}.mw-parser-output .glossary .templatequote{margin-top:0;margin-bottom:-0.5em}</style> <dl class="glossary"> <dt id="html"><dfn><code class="html" title="HTML" style="font-size:116%;"><b style="color:#006633">&lt;html</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/html&gt;</b> </code></dfn></dt> <dd>The <a href="/wiki/Root_element" title="Root element">root element</a> of an <a href="/wiki/HTML" title="HTML">HTML</a> document; all other elements are contained in this. The HTML element delimits the beginning and the end of an HTML document.</dd> <dd>Both the start and end tags may be omitted (HTML5).<sup id="cite_ref-whatwg-syntax-tag-omission_5-2" class="reference"><a href="#cite_note-whatwg-syntax-tag-omission-5"><span class="cite-bracket">&#91;</span>4<span class="cite-bracket">&#93;</span></a></sup></dd> <dd><b>Standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="head"><dfn><code class="html" title="Head" style="font-size:116%;"><b style="color:#006633">&lt;head</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/head&gt;</b> </code></dfn></dt> <dd><p class="glossary-hatnote"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><span role="note" class="hatnote navigation-not-searchable selfref">(See <a href="#Document_head_elements">document head elements</a> for child elements.)</span></p> Container for processing information and metadata for an HTML document.</dd> <dd>Both the start and end tags may be omitted and inferred from child elements (HTML5).<sup id="cite_ref-whatwg-syntax-tag-omission_5-3" class="reference"><a href="#cite_note-whatwg-syntax-tag-omission-5"><span class="cite-bracket">&#91;</span>4<span class="cite-bracket">&#93;</span></a></sup></dd> <dd><b>Standardized</b> in <a href="#HTML20">HTML 5.0</a>; still current.</dd> <dt id="body"><dfn><code class="html" title="Body" style="font-size:116%;"><b style="color:#006633">&lt;body</b><b style="color:#006633">&gt;</b><b style="color:#006633">&lt;/body&gt;</b> </code></dfn></dt> <dd><p class="glossary-hatnote"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><span role="note" class="hatnote navigation-not-searchable selfref">(See <a href="#Document_body_elements">document body elements</a> for child elements.)</span></p> Container for the displayable content of an HTML document.</dd> <dd>Both the start and end tags may be omitted and inferred from child elements (HTML5).<sup id="cite_ref-whatwg-syntax-tag-omission_5-4" class="reference"><a href="#cite_note-whatwg-syntax-tag-omission-5"><span class="cite-bracket">&#91;</span>4<span class="cite-bracket">&#93;</span></a></sup></dd> <dd><b>Standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> </dl> <div class="mw-heading mw-heading2"><h2 id="Document_head_elements">Document head elements</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=13" title="Edit section: Document head elements"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="base"><dfn><code class="html" title="Base" style="font-size:116%;"><b style="color:#006633">&lt;base</b><b style="color:#006633">&#160;/&gt;</b> </code></dfn></dt> <dd>Specifies a <b>base URL</b> for all relative <code>href</code> and other links in the document. Must appear before any element that refers to an external resource. HTML permits only one <code class="nowrap" style="">&lt;base&gt;</code> element for each document. This element has <a href="/wiki/HTML_attributes" class="mw-redirect" title="HTML attributes">HTML attributes</a>, but no contents.</dd> <dd>A development version of this element (as <code>BASE</code>) is mentioned in <i><a href="#HTMLTAGS">HTML Tags</a></i>; <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="basefont"><dfn><code class="html" title="Base Font" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;basefont</b><b style="color:#006633">&#160;/&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>Specifies a base font size, typeface, and color for the document. Used together with <code class="nowrap" style="">&lt;font&gt;</code> elements. <a href="/wiki/Deprecation" title="Deprecation">Deprecated</a> in favor of <a href="/wiki/Style_sheet_(web_development)" title="Style sheet (web development)">style sheets</a>.</dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; <b>deprecated</b> in <a href="#HTML401">HTML 4.0 Transitional</a>; <b>invalid</b> in <a href="#HTML401">HTML 4.0 Strict</a>.</dd> <dt id="isindex"><dfn><code class="html" title="Index" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;isindex</b><b style="color:#006633">&#160;/&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">isindex</span><span class="p">&gt;</span></code> could either appear in the document head or in the body, but only once in a document. See <a href="/wiki/Fieldset" class="mw-redirect" title="Fieldset">Forms</a>.</dd> <dt id="link"><dfn><code class="html" title="Link" style="font-size:116%;"><b style="color:#006633">&lt;link</b><b style="color:#006633">&#160;/&gt;</b> </code></dfn></dt> <dd>Specifies links to other documents, such as <i>previous</i> and <i>next</i> links, or alternate versions.<sup id="cite_ref-21" class="reference"><a href="#cite_note-21"><span class="cite-bracket">&#91;</span>17<span class="cite-bracket">&#93;</span></a></sup> A common use is to link to external <a href="/wiki/Cascading_Style_Sheets" class="mw-redirect" title="Cascading Style Sheets">style sheets</a>, using the form, <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/css&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;url&quot;</span> <span class="na">title</span><span class="o">=</span><span class="s">&quot;description_of_style&quot;</span><span class="p">&gt;</span></code>.<sup id="cite_ref-22" class="reference"><a href="#cite_note-22"><span class="cite-bracket">&#91;</span>18<span class="cite-bracket">&#93;</span></a></sup> A less-common, but important, usage is to supply navigation hints consistently through use of <a href="/wiki/Microformat" title="Microformat">microformats</a>. Several common relationships are defined, that may be exposed to users through the browser interface rather than directly in the web page, such as: <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&quot;next&quot;</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;url&quot;</span><span class="p">&gt;</span></code>. A document's <code class="nowrap" style="">&lt;head&gt;</code> element may contain any number of <code class="nowrap" style="">&lt;link&#32;&#47;&gt;</code> elements. This element has <a href="/wiki/HTML_attributes" class="mw-redirect" title="HTML attributes">HTML attributes</a>, but no contents.</dd> <dd><code>LINK</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="meta"><dfn><code class="html" title="Meta" style="font-size:116%;"><b style="color:#006633">&lt;meta</b><b style="color:#006633">&#160;/&gt;</b> </code></dfn></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Meta_element" title="Meta element">Meta element</a></div> <p>Can be used to specify additional <a href="/wiki/Metadata" title="Metadata">metadata</a> about a document, such as its author, publication date, expiration date, language, page title, page description, keywords, or other information not provided through the other header elements and <a href="/wiki/HTML_attributes" class="mw-redirect" title="HTML attributes">HTML attributes</a>. Because of their generic nature, <code class="nowrap" style="">&lt;meta&#32;&#47;&gt;</code> elements specify associative <a href="/wiki/Associative_array" title="Associative array">key-value pairs</a>. In general, a meta element conveys hidden information about the document. Several meta tags can be used, all of which should be nested in the head element. The specific purpose of each <code class="nowrap" style="">&lt;meta&#32;&#47;&gt;</code> element is defined by its attributes. Outside of <a href="/wiki/XHTML" title="XHTML">XHTML</a>, it is often given without the slash (<code class="nowrap" style="">&lt;meta&gt;</code>), despite being a <a href="#Void_elements">void element</a>. </p><p>In one form, <code class="nowrap" style="">&lt;meta&#32;&#47;&gt;</code> elements can specify <a href="/wiki/HTTP" title="HTTP">HTTP</a> headers which should be sent by a <a href="/wiki/Web_server" title="Web server">web server</a> before the actual content. For example, <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">meta</span> <span class="na">http-equiv</span><span class="o">=</span><span class="s">&quot;foo&quot;</span> <span class="na">content</span><span class="o">=</span><span class="s">&quot;bar&quot;</span> <span class="p">/&gt;</span></code> specifies that the page should be served with an HTTP header called <code>foo</code> that has a value <code>bar</code>. </p> In the general form, a <code class="nowrap" style="">&lt;meta&#32;&#47;&gt;</code> element specifies <code>name</code> and associated <code>content</code> HTML attributes describing aspects of the HTML page. To prevent possible ambiguity, an optional third attribute, <code>scheme</code>, may be supplied to specify a semantic framework that defines the meaning of the key and its value. For example, in <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;foo&quot;</span> <span class="na">content</span><span class="o">=</span><span class="s">&quot;bar&quot;</span> <span class="na">scheme</span><span class="o">=</span><span class="s">&quot;DC&quot;</span> <span class="p">/&gt;</span></code> the <code class="nowrap" style="">&lt;meta&#32;&#47;&gt;</code> element identifies itself as containing the <code>foo</code> element, with a value of <code>bar</code>, from the DC or <a href="/wiki/Dublin_Core" title="Dublin Core">Dublin Core</a> <a href="/wiki/Resource_Description_Framework" title="Resource Description Framework">resource description framework</a>.</dd> <dd><b>Standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="object"><dfn><code class="html" title="Object" style="font-size:116%;"><b style="color:#006633">&lt;object</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/object&gt;</b> </code></dfn></dt> <dd>Used for including generic objects within the document header. Though rarely used within a <code class="nowrap" style="">&lt;head&gt;</code> element, it could potentially be used to extract foreign data and associate it with the current document.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="script"><dfn><code class="html" title="Script" style="font-size:116%;"><b style="color:#006633">&lt;script</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/script&gt;</b> </code></dfn></dt> <dd>Can act as a container for script instructions or link to an external script with the optional <code>src</code> attribute.<sup id="cite_ref-23" class="reference"><a href="#cite_note-23"><span class="cite-bracket">&#91;</span>19<span class="cite-bracket">&#93;</span></a></sup> Also usable in the document body to dynamically generate either both block or inline content.</dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="style"><dfn><code class="html" title="Style" style="font-size:116%;"><b style="color:#006633">&lt;style</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/style&gt;</b> </code></dfn></dt> <dd>Specifies a <a href="/wiki/Cascading_Style_Sheets" class="mw-redirect" title="Cascading Style Sheets">CSS style</a> for the document, usually in the form, <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">style</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;text/css&quot;</span><span class="p">&gt;</span><span class="w"> </span><span class="o">...</span><span class="w"> </span><span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span></code>. Can either act as a container for style instructions or link to external style sheets – for example, in <a href="/wiki/Cascading_Style_Sheets" class="mw-redirect" title="Cascading Style Sheets">CSS</a>, with <code>@import</code> directives of the form,<sup id="cite_ref-24" class="reference"><a href="#cite_note-24"><span class="cite-bracket">&#91;</span>20<span class="cite-bracket">&#93;</span></a></sup> <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">style</span><span class="p">&gt;</span><span class="w"> </span><span class="p">@</span><span class="k">import</span><span class="w"> </span><span class="nt">url</span><span class="p">;</span><span class="w"> </span><span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span></code></dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="title"><dfn><code class="html" title="Title" style="font-size:116%;"><b style="color:#006633">&lt;title</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/title&gt;</b> </code></dfn></dt> <dd>This tag defines a document title. Required in every <a href="/wiki/HTML" title="HTML">HTML</a> and <a href="/wiki/XHTML" title="XHTML">XHTML</a> document. User agents may use the title in different ways. For example: <ul><li>Web browsers usually display it in a window's <a href="/wiki/Title_bar" class="mw-redirect" title="Title bar">title bar</a> when the window is open, and (where applicable) in the <a href="/wiki/Task_bar" class="mw-redirect" title="Task bar">task bar</a> when the window is minimized.</li> <li>It may become the default file-name when saving the page.</li> <li>We can use &lt;title&gt; element only one time in a web page, and when we make another page then we will use again another &lt;title&gt; element with new title (do not take same name for all title tag in website, It can be problem for search engines).</li> <li><a href="/wiki/Web_search_engine" class="mw-redirect" title="Web search engine">Web search engines</a>' <a href="/wiki/Web_crawler" title="Web crawler">web crawlers</a> may pay particular attention to the words used in the title.</li></ul> The <code class="nowrap" style="">&lt;title&gt;</code> element must not contain other elements, only text. Only one <code class="nowrap" style="">&lt;title&gt;</code> element is permitted in a document.</dd> <dd>Existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> </dl> <div class="mw-heading mw-heading2"><h2 id="Document_body_elements">Document body elements</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=14" title="Edit section: Document body elements"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>In visual browsers, displayable elements can be rendered as either <i>block</i> or <i>inline</i>. While all elements are part of the document sequence, block elements appear within their parent elements: </p> <ul><li>as rectangular objects which do not break across lines;</li> <li>with block margins, width, and height properties which can be set independently of the surrounding elements.</li></ul> <p>Conversely, inline elements are treated as part of the flow of document text; they cannot have margins, width, or height set, and do break across lines. </p> <div class="mw-heading mw-heading3"><h3 id="Block_elements">Block elements</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=15" title="Edit section: Block elements"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Block elements, or block-level elements, have a rectangular structure. By default, these elements will span the entire width of its parent element, and will thus not allow any other element to occupy the same horizontal space as it is placed on. </p><p>The rectangular structure of a block element is often referred to as the <a href="/wiki/File:W3C_and_Internet_Explorer_box_models.svg" title="File:W3C and Internet Explorer box models.svg">box model</a>, and is made up of several parts. Each element contains the following: </p> <ul><li>The <b>content</b> of an element is the actual text (or other media) placed between the opening and closing tags of an element.</li> <li>The <b>padding</b> of an element is the space around the content but which still forms part of the element. Padding should not be used to create white space between two elements. Any background style assigned to the element, such as a background image or color, will be visible within the padding. Increasing the size of an element's padding increases the amount of space this element will take up.</li> <li>The <b>border</b> of an element is the absolute end of an element and spans the perimeter of that element. The thickness of a border increases the size of an element.</li> <li>The <b>margin</b> of an element is the white space that surrounds an element. The content, padding, and border of any other element will not be allowed to enter this area unless forced to do so by some advanced <a href="/wiki/CSS" title="CSS">CSS</a> placement. Using most standard <a href="/wiki/Document_Type_Definition" class="mw-redirect" title="Document Type Definition">DTDs</a>, margins on the left and right of different elements will push each other away. Margins on the top or bottom of an element, on the other hand, will not stack or will intermingle. This means that the white space between these elements will be as big as the larger margin between them.</li></ul> <p>The above section refers only to the detailed implementation of CSS rendering and has no relevance to HTML elements themselves. </p> <div class="mw-heading mw-heading4"><h4 id="Basic_text">Basic text</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=16" title="Edit section: Basic text"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="p"><dfn><code class="html" title="Paragraph" style="font-size:116%;"><b style="color:#006633">&lt;p</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/p&gt;</b> </code></dfn></dt> <dd>Creates a paragraph, perhaps the most common block level element.</dd> <dd><code>P</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="h1"><dfn><code class="html" title="Level 1 heading" style="font-size:116%;"><b style="color:#006633">&lt;h1</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/h1&gt;</b> </code> <span class="anchor" id="heading"></span></dfn></dt> <dt id="h2"><dfn><code class="html" title="Level 2 heading" style="font-size:116%;"><b style="color:#006633">&lt;h2</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/h2&gt;</b> </code></dfn></dt> <dt id="h3"><dfn><code class="html" title="Level 3 heading" style="font-size:116%;"><b style="color:#006633">&lt;h3</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/h3&gt;</b> </code></dfn></dt> <dt id="h4"><dfn><code class="html" title="Level 4 heading" style="font-size:116%;"><b style="color:#006633">&lt;h4</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/h4&gt;</b> </code></dfn></dt> <dt id="h5"><dfn><code class="html" title="Level 5 heading" style="font-size:116%;"><b style="color:#006633">&lt;h5</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/h5&gt;</b> </code></dfn></dt> <dt id="h6"><dfn><code class="html" title="Level 6 heading" style="font-size:116%;"><b style="color:#006633">&lt;h6</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/h6&gt;</b> </code></dfn></dt> <dd>Section headings at different levels. <code>h1</code> delimits the highest-level heading, <code>h2</code> the next level down (sub-section), <code>h3</code> for a level below that, and so on to <code>h6</code>. They are sometimes referred to collectively as <code>h<i>n</i></code> tags, <i>n</i> meaning any of the available heading levels. Most visual browsers show headings as large bold text by default, though this can be overridden with <a href="/wiki/Cascading_Style_Sheets" class="mw-redirect" title="Cascading Style Sheets">CSS</a>. Heading elements are not intended merely for creating large or bold text – in fact, they should <em>not</em> be used for explicitly styling text. Rather, they describe the document's structure and organization. Some programs use them to generate outlines and tables of contents.</dd> <dd>Headings existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>, and were <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> </dl> <div class="mw-heading mw-heading4"><h4 id="Lists">Lists</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=17" title="Edit section: Lists"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="dl"><dfn><code class="html" title="Definition List" style="font-size:116%;"><b style="color:#006633">&lt;dl</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/dl&gt;</b> </code></dfn></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">"Definition list" redirects here. For Wikipedia's article on lists of definitions, see <a href="/wiki/Glossary" title="Glossary">Glossary</a>.</div> A description list (a.k.a. <a href="/wiki/Association_list" title="Association list">association list</a> or definition list) consists of name–value groups,<sup id="cite_ref-W3C-5-DL_25-0" class="reference"><a href="#cite_note-W3C-5-DL-25"><span class="cite-bracket">&#91;</span>21<span class="cite-bracket">&#93;</span></a></sup> and was known as a definition list prior to HTML5.<sup id="cite_ref-26" class="reference"><a href="#cite_note-26"><span class="cite-bracket">&#91;</span>22<span class="cite-bracket">&#93;</span></a></sup> Description lists are intended for groups of "terms and definitions, metadata topics and values, questions and answers, or any other groups of name–value data".<sup id="cite_ref-27" class="reference"><a href="#cite_note-27"><span class="cite-bracket">&#91;</span>23<span class="cite-bracket">&#93;</span></a></sup></dd> <dd><code>DL</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="dt"><dfn><code class="html" title="Definition Term" style="font-size:116%;"><b style="color:#006633">&lt;dt</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/dt&gt;</b> </code></dfn></dt> <dd>A name in a description list (previously definition term in a definition list).</dd> <dd><code>DT</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="dd"><dfn><code class="html" title="Definition" style="font-size:116%;"><b style="color:#006633">&lt;dd</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/dd&gt;</b> </code></dfn></dt> <dd>A value in a description list (previously definition data in a definition list).</dd> <dd><code>DD</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="ol"><dfn><code class="html" title="Ordered List" style="font-size:116%;"><b style="color:#006633">&lt;ol</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/ol&gt;</b> </code></dfn></dt> <dd>An ordered (enumerated) list. The <code>type</code> attribute can be used to specify the kind of marker to use in the list, but style sheets give more control. The default is Arabic numbering. In an HTML attribute: <span class="nowrap"><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">ol</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;foo&quot;</span><span class="p">&gt;</span></code></span>; or in a CSS declaration: <span class="nowrap"><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="nt">ol</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">list-style-type</span><span class="p">:</span><span class="w"> </span><span class="n">foo</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code></span> – replacing <code><var>foo</var></code> with one of the following: <ul><li>A, B, C&#160;... – HTML value: <code>A</code>; CSS value: <code>upper-alpha</code></li> <li>a, b, c&#160;... – HTML value: <code>a</code>; CSS value: <code>lower-alpha</code></li> <li>I, II, III&#160;... – HTML value: <code>I</code>; CSS value: <code>upper-roman</code></li> <li>i, ii, iii&#160;... – HTML value: <code>i</code>; CSS value: <code>lower-roman</code></li> <li>1, 2, 3&#160;... – HTML value: <code>1</code>; <code>decimal</code></li></ul> CSS provides several other options not available as pure-HTML markup, including <code>none</code>, and options for <a href="/wiki/CJK" class="mw-redirect" title="CJK">CJK</a>, Hebrew, Georgian, and Armenian script. The attribute is deprecated in HTML 3.2 and 4.01, but not in HTML 5.</dd> <dd><code>OL</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="ul"><dfn><code class="html" title="Unordered List" style="font-size:116%;"><b style="color:#006633">&lt;ul</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/ul&gt;</b> </code></dfn></dt> <dd>An unordered (bulleted) list. The type of list item marker can be specified in an HTML attribute: <span class="nowrap"><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">ul</span> <span class="na">type</span><span class="o">=</span><span class="s">&quot;foo&quot;</span><span class="p">&gt;</span></code></span>; or in a CSS declaration: <span class="nowrap"><code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="nt">ul</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">list-style-type</span><span class="p">:</span><span class="w"> </span><span class="n">foo</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code></span> – replacing <code><var>foo</var></code> with one of the following (the same values are used in HTML and CSS): <code>disc</code> (the default), <code>square</code>, or <code>circle</code>. <b>Only</b> the CSS method is supported in HTML5; the attribute is deprecated in HTML 3.2 and 4.01. CSS also provides <code>none</code>, and the ability to replace these bullets with custom images.</dd> <dd><code>UL</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="li"><dfn><code class="html" title="List Item" style="font-size:116%;"><b style="color:#006633">&lt;li</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/li&gt;</b> </code></dfn></dt> <dd>A list item in ordered (<code>ol</code>) or unordered (<code>ul</code>) lists.</dd> <dd><code>LI</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="dir"><dfn><code class="html" title="Directory List" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;dir</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/dir&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>A directory listing. The original purpose of this element was never widely supported; deprecated in favor of <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">ul</span><span class="p">&gt;</span></code>.</dd> <dd><code>DIR</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; <b>deprecated</b> in <a href="#HTML401">HTML 4.0 Transitional</a>; <b>invalid</b> in <a href="#HTML401">HTML 4.0 Strict</a>.</dd> </dl> <div class="mw-heading mw-heading4"><h4 id="Other_block_elements">Other block elements</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=18" title="Edit section: Other block elements"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="address"><dfn><code class="html" title="Address" style="font-size:116%;"><b style="color:#006633">&lt;address</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/address&gt;</b> </code></dfn></dt> <dd>Contact information for the document author.</dd> <dd><code>ADDRESS</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="article"><dfn><code class="html" title="Article" style="font-size:116%;"><b style="color:#006633">&lt;article</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/article&gt;</b> </code></dfn></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Article_element" title="Article element">Article element</a></div> Used for articles and other similar content.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="aside"><dfn><code class="html" title="Aside" style="font-size:116%;"><b style="color:#006633">&lt;aside</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/aside&gt;</b> </code></dfn></dt> <dd>Used for content in a document which is separate from the main page content, for example, sidebars or advertising.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="blockquote"><dfn><code class="html" title="BlockQuotation" style="font-size:116%;"><b style="color:#006633">&lt;blockquote</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/blockquote&gt;</b> </code></dfn></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Blockquote_element" title="Blockquote element">Blockquote element</a></div> <p>A <a href="/wiki/Blockquote" class="mw-redirect" title="Blockquote">block level quotation</a>, for when the quotation includes block level elements, e.g. paragraphs. The <code>cite</code> attribute (not to be confused with the <a href="#cite"><code class="nowrap" style="">&lt;cite&gt;</code></a> element) may give the source, and must be a fully qualified <a href="/wiki/Uniform_Resource_Identifier" title="Uniform Resource Identifier">Uniform Resource Identifier</a>. </p> The default presentation of block quotations in visual browsers is usually to indent them from both margins. This has led to the element being unnecessarily used just to indent paragraphs, regardless of semantics. For quotations not containing block level elements see the quote (<a href="#q"><code class="nowrap" style="">&lt;q&gt;</code></a>) element.</dd> <dd><code>BLOCKQUOTE</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current. See <a href="/wiki/Blockquote_element" title="Blockquote element">blockquote element</a> for more information.</dd> <dt id="center"><dfn><code class="html" title="Centered Text" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;center</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/center&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>Creates a block-level center-aligned division. Deprecated in favor of <a href="#div"><code class="nowrap" style="">&lt;div&gt;</code></a> or another element with centering defined using style sheets.</dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; <b>deprecated</b> in <a href="#HTML401">HTML 4.0</a>; <b>not supported</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="del"><dfn><code class="html" title="Deleted Section" style="font-size:116%;"><b style="color:#006633">&lt;del</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/del&gt;</b> </code></dfn></dt> <dd>Marks a deleted section of content. This element can also be used as <i>inline</i>.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="div"><dfn><code class="html" title="Logical division" style="font-size:116%;"><b style="color:#006633">&lt;div</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/div&gt;</b> </code></dfn></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Span_and_div" class="mw-redirect" title="Span and div">Span and div</a></div> A block-level logical division. A generic element with no semantic meaning used to distinguish a document section, usually for purposes such as presentation or behavior controlled by <a href="/wiki/Cascading_Style_Sheets" class="mw-redirect" title="Cascading Style Sheets">style sheets</a> or <a href="/wiki/Document_Object_Model" title="Document Object Model">DOM</a> calls.</dd> <dd>Proposed in the <a href="#HTML30">HTML 3.0 Drafts</a>; <b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="figure"><dfn><code class="html" title="Figure" style="font-size:116%;"><b style="color:#006633">&lt;figure</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/figure&gt;</b> </code></dfn></dt> <dd>Used to group images and captions, along with <code class="nowrap" style="">&lt;figcaption&gt;</code>.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="figcaption"><dfn><code class="html" title="Figure Caption" style="font-size:116%;"><b style="color:#006633">&lt;figcaption</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/figcaption&gt;</b> </code></dfn></dt> <dd>A caption for an image. Always placed inside the <code class="nowrap" style="">&lt;figure&gt;</code> element.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="footer"><dfn><code class="html" title="Footer" style="font-size:116%;"><b style="color:#006633">&lt;footer</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/footer&gt;</b> </code></dfn></dt> <dd>Used for document footers. These might contain author or copyright information, or links to other pages.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="header"><dfn><code class="html" title="Header" style="font-size:116%;"><b style="color:#006633">&lt;header</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/header&gt;</b> </code></dfn></dt> <dd>Used for document headers. These typically contain content introducing the page.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="hr"><dfn><code class="html" title="Thematic break" style="font-size:116%;"><b style="color:#006633">&lt;hr</b><b style="color:#006633">&#160;/&gt;</b> </code></dfn></dt> <dd>A <a href="/wiki/Thematic_break_(formatting)" class="mw-redirect" title="Thematic break (formatting)">thematic break</a> (originally: horizontal rule). Presentational rules can be drawn with style sheets.</dd> <dd><b>Standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="ins"><dfn><code class="html" title="Inserted Section" style="font-size:116%;"><b style="color:#006633">&lt;ins</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/ins&gt;</b> </code></dfn></dt> <dd>Marks a section of inserted content. This element can also be used as <i>inline</i>.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="main"><dfn><code class="html" title="Main Content" style="font-size:116%;"><b style="color:#006633">&lt;main</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/main&gt;</b> </code></dfn></dt> <dd>Contains the main content of a document.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML 5.1</a>.</dd> <dt id="menu"><dfn><code class="html" title="Menu" style="font-size:116%;"><b style="color:#006633">&lt;menu</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/menu&gt;</b> </code></dfn></dt> <dd>HTML 2.0: A menu listing. Should be more compact than a <code class="nowrap" style="">&lt;ul&gt;</code> list.</dd> <dd><code>MENU</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; <b>deprecated</b> in <a href="#HTML401">HTML 4.0 Transitional</a>; <b>invalid</b> in <a href="#HTML401">HTML 4.0 Strict</a>; then redefined in <a href="#HTML5">HTML5</a>, removed in HTML 5.2, but is included in the HTML Living Standard in 2019. </dd> <dt id="nav"><dfn><code class="html" title="Navigation" style="font-size:116%;"><b style="color:#006633">&lt;nav</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/nav&gt;</b> </code></dfn></dt> <dd>Used in navigational sections of articles (areas of webpages which contain links to other webpages).</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="noscript"><dfn><code class="html" title="JavaScript Fallback" style="font-size:116%;"><b style="color:#006633">&lt;noscript</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/noscript&gt;</b> </code></dfn></dt> <dd>Replacement content for scripts. Unlike <b>script</b> this can only be used as a block-level element.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="pre"><dfn><code class="html" title="PreFormatted Text" style="font-size:116%;"><b style="color:#006633">&lt;pre</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/pre&gt;</b> </code></dfn></dt> <dd><i>Pre-formatted</i> text. Text within this element is typically displayed in a <a href="/wiki/Non-proportional_font" class="mw-redirect" title="Non-proportional font">non-proportional font</a> exactly as it is laid out in the file (see <a href="/wiki/ASCII_art" title="ASCII art">ASCII art</a>). Whereas browsers ignore <a href="/wiki/Whitespace_(computer_science)" class="mw-redirect" title="Whitespace (computer science)">white-space</a> for other HTML elements, in <code class="nowrap" style="">&lt;pre&gt;...&lt;&#47;pre&gt;</code>, white-space should be rendered as authored. (With the CSS properties: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="w"> </span><span class="k">white-space</span><span class="p">:</span><span class="w"> </span><span class="kc">pre</span><span class="p">;</span><span class="w"> </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="kc">monospace</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code>, other elements can be presented in the same way.) This element can contain any inline element except: <a href="#image"><code class="nowrap" style="">&lt;image&gt;</code></a>, <a href="#object"><code class="nowrap" style="">&lt;object&gt;</code></a>, <a href="#big"><code class="nowrap" style="">&lt;big&gt;</code></a>, <a href="#small"><code class="nowrap" style="">&lt;small&gt;</code></a>, <a href="#sup"><code class="nowrap" style="">&lt;sup&gt;</code></a>, and <a href="#sub"><code class="nowrap" style="">&lt;sub&gt;...&lt;&#47;sub&gt;</code></a>.</dd> <dd><code>PRE</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="section"><dfn><code class="html" title="Section" style="font-size:116%;"><b style="color:#006633">&lt;section</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/section&gt;</b> </code></dfn></dt> <dd>Used for generic sections of a document. This is different from <a href="#div"><code class="nowrap" style="">&lt;div&gt;</code></a> in that it is only used to contain sections of a page, which the W3C defines as a group of content with a similar theme.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="script"><dfn><code class="html" title="Script" style="font-size:116%;"><b style="color:#006633">&lt;script</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/script&gt;</b> </code></dfn></dt> <dd>Places a script in the document. Also usable in the head and in inline contexts. It may be used as <code class="nowrap" style="">&lt;script&#32;&#47;&gt;</code> with a <code>src</code> attribute to supply a URL from which to load the script, or used as <code class="nowrap" style="">&lt;script&gt;...&lt;&#47;script&gt;</code> around embedded script content. <strong>Note:</strong> <code class="nowrap" style="">&lt;script&gt;</code> is not itself either a block or inline element; by itself it should not display at all, but it can contain instructions to dynamically generate either both block or inline content.</dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> </dl> <div class="mw-heading mw-heading3"><h3 id="Inline_elements">Inline elements</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=19" title="Edit section: Inline elements"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Inline elements cannot be placed directly inside the <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span></code> element; they must be wholly nested within block-level elements.<sup id="cite_ref-28" class="reference"><a href="#cite_note-28"><span class="cite-bracket">&#91;</span>24<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading4"><h4 id="Anchor">Anchor</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=20" title="Edit section: Anchor"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable selfref">For anchors on Wikipedia, see <a href="/wiki/Wikipedia:ANCHOR_DEF" class="mw-redirect" title="Wikipedia:ANCHOR DEF">WP:ANCHOR DEF</a>.</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="a"><dfn><code class="html" title="Anchor" style="font-size:116%;"><b style="color:#006633">&lt;a</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/a&gt;</b> </code></dfn></dt> <dd><p>An anchor element is called an anchor because web designers can use it to "anchor" a URL to some text on a web page. When users view the web page in a browser, they can click the text to activate the link and visit the page whose URL is in the link.<sup id="cite_ref-29" class="reference"><a href="#cite_note-29"><span class="cite-bracket">&#91;</span>25<span class="cite-bracket">&#93;</span></a></sup></p> <p>In HTML, an "anchor" can be either the <em>origin</em> (the <a href="/wiki/Anchor_text" title="Anchor text">anchor text</a>) or the <em>target</em> (destination) end of a <a href="/wiki/Hyperlink" title="Hyperlink">hyperlink</a>. As an origin, setting the attribute <code>href</code>,<sup id="cite_ref-30" class="reference"><a href="#cite_note-30"><span class="cite-bracket">&#91;</span>26<span class="cite-bracket">&#93;</span></a></sup> creates a hyperlink; it can point to either another part of the document or another resource (e.g. a webpage) using an external <a href="/wiki/Uniform_Resource_Locator" class="mw-redirect" title="Uniform Resource Locator">URL</a>. As a target, setting the <code>name</code> or <code>id</code> <a href="/wiki/HTML_attributes" class="mw-redirect" title="HTML attributes">HTML attributes</a>, allows the element to be linked from a <a href="/wiki/Uniform_Resource_Locator" class="mw-redirect" title="Uniform Resource Locator">Uniform Resource Locator</a> (URL) via a <a href="/wiki/Fragment_identifier" class="mw-redirect" title="Fragment identifier">fragment identifier</a>. The two forms, origin and anchor, can be used concurently.</p> In HTML5, any element can now be made into a target by using the <code>id</code> attribute,<sup id="cite_ref-31" class="reference"><a href="#cite_note-31"><span class="cite-bracket">&#91;</span>27<span class="cite-bracket">&#93;</span></a></sup> so using <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">a</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;foo&quot;</span><span class="p">&gt;</span>...<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span></code> is not necessary, although this way of adding anchors continues to work.<p class="mw-empty-elt"></p> <p>To illustrate: the header of a table of contents section on <samp>example.com</samp>'s homepage could be turned into a target by writing: <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">h2</span><span class="p">&gt;&lt;</span><span class="nt">a</span> <span class="na">name</span><span class="o">=</span><span class="s">&quot;contents&quot;</span><span class="p">&gt;</span>Table of contents<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;&lt;/</span><span class="nt">h2</span><span class="p">&gt;</span></code>.</p> <p>Continuing with this example, now that the section has been marked up as a target, it can be referred to from external sites with a link like: <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;http://example.com#contents&quot;</span><span class="p">&gt;</span>see contents<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span></code>;</p> <p>or with a link on the same page like: <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;#contents&quot;</span><span class="p">&gt;</span>contents, above<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span></code>.</p> <p>The attribute <code>title</code> may be set to give brief information about the link: <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;URL&quot;</span> <span class="na">title</span><span class="o">=</span><span class="s">&quot;additional information&quot;</span><span class="p">&gt;</span>link text<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span></code>.</p> <p>In most graphical browsers, when the cursor hovers over a link, the cursor changes into a hand with an extended index finger and the <code>title</code> value is displayed in a <a href="/wiki/Tooltip" title="Tooltip">tooltip</a> or in some other manner. Some browsers render <a href="/wiki/Alt_attribute" title="Alt attribute">alt text</a> the same way, although this is not what the specification calls for.</p></dd> <dd><code>A</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>;</dd> </dl> <div class="mw-heading mw-heading4"><h4 id="Phrase_elements">Phrase elements</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=21" title="Edit section: Phrase elements"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Phrase elements are used for marking up phrases and adding structure or semantic meaning to text fragments. For example, the <code>&lt;em&gt;</code> and <code>&lt;strong&gt;</code> tags can be used for adding emphasis to text. </p> <div class="mw-heading mw-heading5"><h5 id="General">General</h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=22" title="Edit section: General"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="abbr"><dfn><code class="html" title="Abbreviation" style="font-size:116%;"><b style="color:#006633">&lt;abbr</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/abbr&gt;</b> </code></dfn></dt> <dd>Marks an <a href="/wiki/Abbreviation" title="Abbreviation">abbreviation</a>, and can make the full form available: <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">abbr</span> <span class="na">title</span><span class="o">=</span><span class="s">&quot;abbreviation&quot;</span><span class="p">&gt;</span>abbr.<span class="p">&lt;/</span><span class="nt">abbr</span><span class="p">&gt;</span></code></dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="acronym"><dfn><code class="html" title="Acronym" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;acronym</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/acronym&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>Similar to the <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">abbr</span><span class="p">&gt;</span></code> element, but marks an <a href="/wiki/Acronym" title="Acronym">acronym</a>: <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">acronym</span> <span class="na">title</span><span class="o">=</span><span class="s">&quot;Hyper-Text Mark-up Language&quot;</span><span class="p">&gt;</span>HTML<span class="p">&lt;/</span><span class="nt">acronym</span><span class="p">&gt;</span></code></dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current, <b>not supported</b> in <a href="#HTML5">HTML5</a>. Recommended replacement is the <code>abbr</code> tag.<sup id="cite_ref-32" class="reference"><a href="#cite_note-32"><span class="cite-bracket">&#91;</span>28<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="defn"><dfn><code class="html" title="Definition" style="font-size:116%;"><b style="color:#006633">&lt;dfn</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/dfn&gt;</b> </code></dfn></dt> <dd>Inline definition of a single term.</dd> <dd><code>DFN</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was fully <b>standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="em"><dfn><code class="html" title="Emphasis" style="font-size:116%;"><b style="color:#006633">&lt;em</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/em&gt;</b> </code></dfn></dt> <dd><em>Emphasis</em> (conventionally displayed in italics)</dd> <dd><code>EM</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="strong"><dfn><code class="html" title="Importance" style="font-size:116%;"><b style="color:#006633">&lt;strong</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/strong&gt;</b> </code></dfn></dt> <dd><strong>importance</strong>; originally strong emphasis (conventionally displayed bold). An <a href="/wiki/Voice_browser" title="Voice browser">aural user agent</a> may use different voices for emphasis.</dd> <dd><code>STRONG</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current, redefined in HTML5.</dd> </dl> <div class="mw-heading mw-heading5"><h5 id="Computer_phrase_elements">Computer phrase elements</h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=23" title="Edit section: Computer phrase elements"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>These elements are useful primarily for documenting computer code development and user interaction through differentiation of source code (<code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">code</span><span class="p">&gt;</span></code>), variables (<code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">var</span><span class="p">&gt;</span></code>), user input (<code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">kbd</span><span class="p">&gt;</span></code>), and terminal or other output (<code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">samp</span><span class="p">&gt;</span></code>). </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="code"><dfn><code class="html" title="Sourcecode" style="font-size:116%;"><b style="color:#006633">&lt;code</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/code&gt;</b> </code></dfn></dt> <dd>A code snippet (<code>code example</code>). Conventionally rendered in a mono-space font.</dd> <dd><code>CODE</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="kbd"><dfn><code class="html" title="Keyboard" style="font-size:116%;"><b style="color:#006633">&lt;kbd</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/kbd&gt;</b> </code></dfn></dt> <dd>Keyboard – text to be entered by the user (<kbd>kbd example</kbd>).</dd> <dd><code>KBD</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="samp"><dfn><code class="html" title="Sample" style="font-size:116%;"><b style="color:#006633">&lt;samp</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/samp&gt;</b> </code></dfn></dt> <dd>Sample output – from a program or script: (<samp>samp example</samp>).</dd> <dd><code>SAMP</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="var"><dfn><code class="html" title="Variable" style="font-size:116%;"><b style="color:#006633">&lt;var</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/var&gt;</b> </code></dfn></dt> <dd>Variable (<var>var example</var>).</dd> <dd><code>VAR</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> </dl> <div class="mw-heading mw-heading4"><h4 id="Presentation">Presentation</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=24" title="Edit section: Presentation"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>As visual presentational markup only applies directly to visual browsers, its use is discouraged. Style sheets should be used instead. Several of these elements are deprecated or invalid in HTML 4 / XHTML 1.0, and the remainder are invalid in the current draft of <a rel="nofollow" class="external text" href="http://www.w3.org/TR/2005/WD-xhtml2-20050527/">XHTML 2.0</a>. The current draft of <a rel="nofollow" class="external text" href="https://web.archive.org/web/20150801133040/http://www.w3.org/TR/html5/text-level-semantics.html">HTML5</a>, however, re-includes <code class="nowrap" style="">&lt;s&gt;</code>, <code class="nowrap" style="">&lt;u&gt;</code>, and <code class="nowrap" style="">&lt;small&gt;</code>, assigning new semantic meaning to each. In an <a href="/wiki/HTML5" title="HTML5">HTML5</a> document, the use of these elements is no longer discouraged, provided that it is semantically correct. </p> <dt id="b"><dfn><code class="html" title="Keyword" style="font-size:116%;"><b style="color:#006633">&lt;b</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/b&gt;</b> </code></dfn></dt> <dd>In <a href="/wiki/HTML_4" class="mw-redirect" title="HTML 4">HTML 4</a>, set font to <b>boldface</b> where possible. Equivalent CSS: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="kc">bold</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code>. The <code class="nowrap" style="">&lt;strong&gt;</code> element usually has the same effect in visual browsers, as well as having more semantic meaning, under <a href="/wiki/HTML_4.01" class="mw-redirect" title="HTML 4.01">HTML 4.01</a>. In <a href="/wiki/HTML5" title="HTML5">HTML5</a>, however, <code class="nowrap" style="">&lt;b&gt;</code> has its own meaning, distinct from that of <code class="nowrap" style="">&lt;strong&gt;</code>. It denotes "text to which attention is being drawn for utilitarian purposes without conveying any extra importance and with no implication of an alternate voice or mood."<sup id="cite_ref-html5-b-element_33-0" class="reference"><a href="#cite_note-html5-b-element-33"><span class="cite-bracket">&#91;</span>29<span class="cite-bracket">&#93;</span></a></sup></dd> <dd><code>B</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current, redefined in HTML5.</dd> <dt id="i"><dfn><code class="html" title="Alternate voice" style="font-size:116%;"><b style="color:#006633">&lt;i</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/i&gt;</b> </code></dfn></dt> <dd>In <a href="/wiki/HTML_4" class="mw-redirect" title="HTML 4">HTML 4</a>, set font to <i>italic</i> where possible. Equivalent <a href="/wiki/CSS" title="CSS">CSS</a>: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="w"> </span><span class="k">font-style</span><span class="p">:</span><span class="w"> </span><span class="kc">italic</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code>. Using <code class="nowrap" style="">&lt;em&gt;...&lt;&#47;em&gt;</code> has the same visual effect in most browsers, as well as having a semantic meaning as <i>emphasis</i>, under <a href="/wiki/HTML_4.01" class="mw-redirect" title="HTML 4.01">HTML 4.01</a>. (Purely typographic italics have many non-emphasis purposes, as HTML 5 more explicitly recognized.) In <a href="/wiki/HTML5" title="HTML5">HTML5</a>, however, <code class="nowrap" style="">&lt;i&gt;</code> has its own semantic meaning, distinct from that of <code class="nowrap" style="">&lt;em&gt;</code>. It denotes "a different quality of text" or "an alternate voice or mood" e.g., a thought, a ship name, a <a href="/wiki/Binomial_nomenclature" title="Binomial nomenclature">binary species name</a>, a foreign-language phrase, etc.<sup id="cite_ref-html5-i-element_34-0" class="reference"><a href="#cite_note-html5-i-element-34"><span class="cite-bracket">&#91;</span>30<span class="cite-bracket">&#93;</span></a></sup></dd> <dd><code>I</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current, redefined in HTML5.</dd> <dt id="u"><dfn><code class="html" title="Unarticulated annotation" style="font-size:116%;"><b style="color:#006633">&lt;u</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/u&gt;</b> </code></dfn></dt> <dd>In <a href="/wiki/HTML_4" class="mw-redirect" title="HTML 4">HTML 4</a>, <u>underlined</u> text. Equivalent CSS: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="w"> </span><span class="k">text-decoration</span><span class="p">:</span><span class="w"> </span><span class="kc">underline</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code>. Deprecated in <a href="/wiki/HTML_4.01" class="mw-redirect" title="HTML 4.01">HTML 4.01</a>. Restored in <a href="#HTML5">HTML5</a>. In <a href="/wiki/HTML5" title="HTML5">HTML5</a>, the <code class="nowrap" style="">&lt;u&gt;</code> element denotes "a span of text with an unarticulated, though explicitly rendered, non-textual annotation, such as labelling the text as being a proper name in Chinese text (a Chinese proper name mark), or labelling the text as being misspelt." The <a href="/wiki/HTML5" title="HTML5">HTML5</a> specification reminds developers that other elements are almost always more appropriate than <code class="nowrap" style="">&lt;u&gt;</code> and admonishes designers not to use underlined text where it could be confused for a hyper-link.<sup id="cite_ref-html5-u-element_35-0" class="reference"><a href="#cite_note-html5-u-element-35"><span class="cite-bracket">&#91;</span>31<span class="cite-bracket">&#93;</span></a></sup></dd> <dd><code>U</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, was <b>standardized</b> in <a href="#HTML32">HTML 3.2</a> but was <b>deprecated</b> in <a href="#HTML401">HTML 4.0 Transitional</a> and was <b>invalid</b> in <a href="#HTML401">HTML 4.0 Strict</a>. <b>Reintroduced</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="small"><dfn><code class="html" title="Side comment" style="font-size:116%;"><b style="color:#006633">&lt;small</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/small&gt;</b> </code></dfn></dt> <dd>In <a href="/wiki/HTML_4" class="mw-redirect" title="HTML 4">HTML 4</a>, decreased font size (<small>smaller</small> text). Equivalent CSS: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="w"> </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="kc">smaller</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code> In <a href="/wiki/HTML5" title="HTML5">HTML5</a>, the <code class="nowrap" style="">&lt;small&gt;</code> element denotes "side comments such as small print."<sup id="cite_ref-html5-small-element_36-0" class="reference"><a href="#cite_note-html5-small-element-36"><span class="cite-bracket">&#91;</span>32<span class="cite-bracket">&#93;</span></a></sup> This has caused some confusion with the <code class="nowrap" style="">&lt;<a href="#aside">aside</a>&gt;...&lt;&#47;<a href="#aside">aside</a>&gt;</code> element.</dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="s"><dfn><code class="html" title="Inacurrate text" style="font-size:116%;"><b style="color:#006633">&lt;s</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/s&gt;</b> </code></dfn></dt> <dd>In <a href="/wiki/HTML_4" class="mw-redirect" title="HTML 4">HTML 4</a>, indicated strike-through text (<s>Strikethrough</s>) and was equivalent to <code class="nowrap" style="">&lt;strike&gt;</code>. In <a href="/wiki/HTML5" title="HTML5">HTML5</a>, the <code class="nowrap" style="">&lt;s&gt;</code> element denotes information that is "no longer accurate or no longer relevant", and is not to be confused with <code class="nowrap" style="">&lt;del&gt;</code>, which indicates removal/deletion.<sup id="cite_ref-html5-s-element_37-0" class="reference"><a href="#cite_note-html5-s-element-37"><span class="cite-bracket">&#91;</span>33<span class="cite-bracket">&#93;</span></a></sup></dd> <dd><code>S</code> was <b>deprecated</b> in <a href="#HTML401">HTML 4.0 Transitional</a> (having not appeared in any previous standard), and was <b>invalid</b> in <a href="#HTML401">HTML 4.0 Strict</a>. <b>Reintroduced</b> in <a href="#HTML5">HTML5</a>, which instead deprecated <code class="nowrap" style="">&lt;strike&gt;</code>.</dd> <dt><dfn><code class="html" title="Big" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;big</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/big&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>Increased font size (<big>bigger</big> text). Equivalent CSS: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="w"> </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="kc">larger</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code></dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; <b>not supported</b> in <a href="#HTML5">HTML5</a>.</dd> <dt><dfn><code class="html" title="Strikethrough" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;strike</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/strike&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>Strike-through text (<s>Strikethrough</s>), (Equivalent CSS: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="w"> </span><span class="k">text-decoration</span><span class="p">:</span><span class="w"> </span><span class="kc">line-through</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code>)</dd> <dd><code>STRIKE</code> was standardized in <a href="#HTML32">HTML 3.2</a>; <b>deprecated</b> in <a href="#HTML401">HTML 4.0 Transitional</a>; <b>invalid</b> in <a href="#HTML401">HTML 4.0 Strict</a>.</dd> <dt id="tt"><dfn><code class="html" title="Teletype" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;tt</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/tt&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd><a href="/wiki/Non-proportional_font" class="mw-redirect" title="Non-proportional font">Fixed-width</a> font (<style data-mw-deduplicate="TemplateStyles:r886049734">.mw-parser-output .monospaced{font-family:monospace,monospace}</style><span class="monospaced">typewriter-like</span>), also known as <a href="/wiki/Teleprinter" title="Teleprinter">teletype</a>, thus "tt". (Equivalent CSS: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="w"> </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="kc">monospace</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code>)</dd> <dd><code>TT</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>Standardized</b> in <a href="#HTML20">HTML 2.0</a>; not supported<sup id="cite_ref-html5-tt-not-supported_38-0" class="reference"><a href="#cite_note-html5-tt-not-supported-38"><span class="cite-bracket">&#91;</span>34<span class="cite-bracket">&#93;</span></a></sup> in HTML5. Possible replacements: <a href="#kbd"><code class="nowrap" style="">&lt;kbd&gt;</code></a> for marking user input, <a href="#var"><code class="nowrap" style="">&lt;var&gt;</code></a> for variables (usually rendered italic, and not with a change to monospace), <a href="#code"><code class="nowrap" style="">&lt;code&gt;</code></a> for source code, <a href="#samp"><code class="nowrap" style="">&lt;samp&gt;</code></a> for output.<sup id="cite_ref-html5-tt-not-supported_38-1" class="reference"><a href="#cite_note-html5-tt-not-supported-38"><span class="cite-bracket">&#91;</span>34<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="font"><dfn><code class="html" title="Teletype" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;font</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/font&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">font</span> <span class="err">[</span><span class="na">color</span><span class="o">=</span><span class="s">&lt;var</span><span class="p">&gt;</span>color<span class="p">&lt;/</span><span class="nt">var</span><span class="p">&gt;</span>] [size=<span class="p">&lt;</span><span class="nt">var</span><span class="p">&gt;</span>size<span class="p">&lt;/</span><span class="nt">var</span><span class="p">&gt;</span>] [face=<span class="p">&lt;</span><span class="nt">var</span><span class="p">&gt;</span>face<span class="p">&lt;/</span><span class="nt">var</span><span class="p">&gt;</span>]&gt;...<span class="p">&lt;/</span><span class="nt">font</span><span class="p">&gt;</span></code> Can specify the font color with the <code>color</code> attribute (note the American spelling), typeface with the <code>face</code> attribute, and absolute or relative size with the <code>size</code> attribute. Examples (all uses are deprecated, use CSS equivalents if possible): <ul><li><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">font</span> <span class="na">color</span><span class="o">=</span><span class="s">&quot;green&quot;</span><span class="p">&gt;</span>text<span class="p">&lt;/</span><span class="nt">font</span><span class="p">&gt;</span></code> creates <span style="color:green;">green text</span>.</li> <li><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">font</span> <span class="na">color</span><span class="o">=</span><span class="s">&quot;#114499&quot;</span><span class="p">&gt;</span>text<span class="p">&lt;/</span><span class="nt">font</span><span class="p">&gt;</span></code> creates <span style="color:#149;">text with <a href="/wiki/Hex_triplet" class="mw-redirect" title="Hex triplet">hexadecimal color</a> #114499</span>.</li> <li><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">font</span> <span class="na">size</span><span class="o">=</span><span class="s">&quot;4&quot;</span><span class="p">&gt;</span>text<span class="p">&lt;/</span><span class="nt">font</span><span class="p">&gt;</span></code> creates <span style="font-size:140%;">text</span> with size 4. Sizes are from 1 to 7. The standard size is 3, unless otherwise specified in the &lt;body&gt; or other tags.</li> <li><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">font</span> <span class="na">size</span><span class="o">=</span><span class="s">&quot;+1&quot;</span><span class="p">&gt;</span>text<span class="p">&lt;/</span><span class="nt">font</span><span class="p">&gt;</span></code> creates <span style="font-size:125%;">text with size 1 bigger than the standard.</span> <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">font</span> <span class="na">size</span><span class="o">=</span><span class="s">&quot;-1&quot;</span><span class="p">&gt;</span>text<span class="p">&lt;/</span><span class="nt">font</span><span class="p">&gt;</span></code> is opposite.</li> <li><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">font</span> <span class="na">face</span><span class="o">=</span><span class="s">&quot;Courier&quot;</span><span class="p">&gt;</span>text<span class="p">&lt;/</span><span class="nt">font</span><span class="p">&gt;</span></code> makes <span style="font-family:Courier;">text</span> with Courier font.</li></ul> Equivalent CSS for font attributes: <ul><li><code class="mw-highlight"><span class="p">&lt;</span><span class="nt">font</span> <span class="na">size</span><span class="o">=</span><span class="s">"<var>N</var>"</span><span class="p">&gt;</span></code> corresponds to <code class="mw-highlight"><span class="p">{</span><span class="nb">font-size</span><span class="o" style="color: #666;">:</span> <span class="nb"><var>Y</var><var>units</var></span><span class="p">}</span></code> (the HTML specification does not define the relationship between size <var>N</var> and unit-size <var>Y</var>, nor does it define a unit).</li> <li><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">font</span> <span class="na">color</span><span class="o">=</span><span class="s">&quot;red&quot;</span><span class="p">&gt;</span></code> corresponds to <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code></li> <li><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">font</span> <span class="na">face</span><span class="o">=</span><span class="s">&quot;Times New Roman&quot;</span><span class="p">&gt;</span></code> corresponds to <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="w"> </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="s1">&#39;Times New Roman&#39;</span><span class="p">,</span><span class="w"> </span><span class="n">Times</span><span class="p">,</span><span class="w"> </span><span class="kc">serif</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code> – CSS supports a <a href="/w/index.php?title=Font_stack&amp;action=edit&amp;redlink=1" class="new" title="Font stack (page does not exist)">font stack</a>, of two or more alternative fonts.</li></ul></dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; <b>deprecated</b> in <a href="#HTML401">HTML 4.0 Transitional</a>; <b>invalid</b> in <a href="#HTML401">HTML 4.0 Strict</a>. Not part of HTML5.</dd> <div class="mw-heading mw-heading4"><h4 id="Span">Span</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=25" title="Edit section: Span"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="span"><dfn><code class="html" title="Span" style="font-size:116%;"><b style="color:#006633">&lt;span</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/span&gt;</b> </code></dfn></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Span_and_div" class="mw-redirect" title="Span and div">Span and div</a></div> An inline logical division. A generic element with no semantic meaning used to distinguish a document section, usually for purposes such as presentation or behavior controlled by <a href="/wiki/Cascading_Style_Sheets" class="mw-redirect" title="Cascading Style Sheets">style sheets</a> or <a href="/wiki/Document_Object_Model" title="Document Object Model">DOM</a> calls.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> </dl> <div class="mw-heading mw-heading4"><h4 id="Other_inline_elements">Other inline elements</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=26" title="Edit section: Other inline elements"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="br"><dfn><code class="html" title="Line Break" style="font-size:116%;"><b style="color:#006633">&lt;br</b><b style="color:#006633">&#160;/&gt;</b> </code></dfn></dt> <dd>A forced line break.</dd> <dd><b>Standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="bdi"><dfn><code class="html" title="Bidirectional Isolation" style="font-size:116%;"><b style="color:#006633">&lt;bdi</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/bdi&gt;</b> </code></dfn></dt> <dd>Isolates an inline section of text that may be formatted in a different direction from other text outside of it, such as user-generated content with unknown directionality.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="bdo"><dfn><code class="html" title="Bidirectional Override" style="font-size:116%;"><b style="color:#006633">&lt;bdo</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/bdo&gt;</b> </code></dfn></dt> <dd>Marks an inline section of text in which the reading direction is the opposite from that of the parent element.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="cite"><dfn><code class="html" title="Citation" style="font-size:116%;"><b style="color:#006633">&lt;cite</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/cite&gt;</b> </code></dfn></dt> <dd>A citation or a reference for a quote or statement in the document.</dd> <dd>CITE existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dd><i>Note:</i> The HTML 5 specifications have been confusingly <a href="/wiki/Fork_(software_development)" title="Fork (software development)">forked</a>,<sup id="cite_ref-finalars_39-0" class="reference"><a href="#cite_note-finalars-39"><span class="cite-bracket">&#91;</span>35<span class="cite-bracket">&#93;</span></a></sup> including with regard to this element. In HTML 4 and earlier, <code class="nowrap" style="">&lt;cite&gt;</code> was for "a citation or a reference to other sources" without any particular limitations or requirements.<sup id="cite_ref-40" class="reference"><a href="#cite_note-40"><span class="cite-bracket">&#91;</span>36<span class="cite-bracket">&#93;</span></a></sup> The <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a> HTML 5 spec uses a refinement of this idea, reflecting how the element has historically been used, but now requiring that it contain (but not be limited to) at least one of "the title of the work or the name of the author (person, people or organization) or an URL reference, or a reference in abbreviated form as per the conventions used for the addition of citation metadata."<sup id="cite_ref-41" class="reference"><a href="#cite_note-41"><span class="cite-bracket">&#91;</span>37<span class="cite-bracket">&#93;</span></a></sup> But the WHATWG spec only permits the element to be used around the title of a work.<sup id="cite_ref-42" class="reference"><a href="#cite_note-42"><span class="cite-bracket">&#91;</span>38<span class="cite-bracket">&#93;</span></a></sup> The W3C specs began with the broader definition, then switched to the very narrow one after WHATWG made this change. However, W3C reverted their own change in 2012, in response to negative developer-community feedback; the element was in broadly-deployed use with the broader scope, e.g., various blog and forum platforms wrap commenters' IDs and e-mail addresses in <code class="nowrap" style="">&lt;cite&gt;...&lt;&#47;cite&gt;</code>, and people using the element for bibliographic citations were (and still are) routinely wrapping each entire citation in this element. Another problem with the element is that WHATWG recommends that it be italicized by default (thus almost all browsers do so), because it (in their view) is only for publication titles. By convention, however, only certain kinds of titles actually take italics, while others are expected to be put in quotation marks, and standards may actually vary by publishing context and language. Consequently, many website authors and admins use a site-wide stylesheet to undo this element's auto-italics. </dd> <dt id="data"><dfn><code class="html" title="Data" style="font-size:116%;"><b style="color:#006633">&lt;data</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/data&gt;</b> </code></dfn></dt> <dd>Links inline content with a machine-readable translation.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.<sup id="cite_ref-43" class="reference"><a href="#cite_note-43"><span class="cite-bracket">&#91;</span>39<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="del"><dfn><code class="html" title="Deleted" style="font-size:116%;"><b style="color:#006633">&lt;del</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/del&gt;</b> </code></dfn></dt> <dd>Deleted text. Typically rendered as a <a href="/wiki/Strikethrough" title="Strikethrough">strikethrough</a>: <del>Deleted text.</del></dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="ins"><dfn><code class="html" title="Inserted" style="font-size:116%;"><b style="color:#006633">&lt;ins</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/ins&gt;</b> </code></dfn></dt> <dd>Inserted text. Often used to mark up replacement text for material struck with <code class="nowrap" style="">&lt;del&gt;</code> or <code class="nowrap" style="">&lt;s&gt;</code>. Typically rendered <a href="/wiki/Underline" class="mw-redirect" title="Underline">underlined</a>: <ins>Inserted text.</ins></dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dd>Both <code class="nowrap" style="">&lt;ins&gt;</code> and <code class="nowrap" style="">&lt;del&gt;</code> elements may also be used as block elements: containing other block and inline elements. However, these elements must still remain wholly within their parent element to maintain a well-formed HTML document. For example, deleting text from the middle of one paragraph across several other paragraphs and ending in a final paragraph would need to use three separate <code class="nowrap" style="">&lt;del&gt;</code> elements. Two <code class="nowrap" style="">&lt;del&gt;</code> elements would be required as inline elements to indicate the deletion of text in the first and last paragraphs, and a third, used as a block element, to indicate the deletion in the intervening paragraphs.</dd> <dt id="mark"><dfn><code class="html" title="Mark" style="font-size:116%;"><b style="color:#006633">&lt;mark</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/mark&gt;</b> </code></dfn></dt> <dd>Produces text that looks <mark>like this</mark>. Intended for highlighting relevant text in a quotation.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="q"><dfn><code class="html" title="Quote" style="font-size:116%;"><b style="color:#006633">&lt;q</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/q&gt;</b> </code></dfn></dt> <dd>An inline quotation (for block level quotation see <code class="nowrap" style="">&lt;<a href="#blockquote">blockquote</a>&gt;</code>). Quote elements may be nested. <code class="nowrap" style="">&lt;q&gt;</code> <em>should</em> automatically generate quotation marks in conjunction with style sheets. Practical concerns due to browser non-compliance may force authors to find workarounds. The <code>cite</code> attribute gives the source, and must be a fully qualified <a href="/wiki/Uniform_Resource_Identifier" title="Uniform Resource Identifier">URI</a>.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dd><strong>Note:</strong> Lengthy inline quotations may be displayed as indented blocks (as <code>block-quote</code>) using style sheets. For example, with a suitable CSS rule associated with <code>q.lengthy</code>: <code class="nowrap" style="">&lt;q&#32;class="lengthy"&gt;Lengthy quote here.&lt;&#47;q&gt;</code></dd> <dt id="rb"><dfn><code class="html" title="Ruby Annotation Base" style="font-size:116%;"><b style="color:#006633">&lt;rb</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/rb&gt;</b> </code></dfn></dt> <dd>Represents the base component of a <a href="/wiki/Ruby_character" title="Ruby character">ruby annotation</a>.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.<sup id="cite_ref-44" class="reference"><a href="#cite_note-44"><span class="cite-bracket">&#91;</span>40<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="rp"><dfn><code class="html" title="Ruby Fallback Parenthesis" style="font-size:116%;"><b style="color:#006633">&lt;rp</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/rp&gt;</b> </code></dfn></dt> <dd>Provides fallback parenthesis for browsers lacking <a href="/wiki/Ruby_character" title="Ruby character">ruby annotation</a> support.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.<sup id="cite_ref-45" class="reference"><a href="#cite_note-45"><span class="cite-bracket">&#91;</span>41<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="rt"><dfn><code class="html" title="Ruby Annotation Pronunciation" style="font-size:116%;"><b style="color:#006633">&lt;rt</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/rt&gt;</b> </code></dfn></dt> <dd>Indicates pronunciation for a character in a <a href="/wiki/Ruby_character" title="Ruby character">ruby annotation</a>.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.<sup id="cite_ref-46" class="reference"><a href="#cite_note-46"><span class="cite-bracket">&#91;</span>42<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="rtc"><dfn><code class="html" title="Ruby Semantic Annotation" style="font-size:116%;"><b style="color:#006633">&lt;rtc</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/rtc&gt;</b> </code></dfn></dt> <dd>Semantic annotations for a <a href="/wiki/Ruby_character" title="Ruby character">ruby annotation</a>.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.<sup id="cite_ref-47" class="reference"><a href="#cite_note-47"><span class="cite-bracket">&#91;</span>43<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="ruby"><dfn><code class="html" title="Ruby Annotation" style="font-size:116%;"><b style="color:#006633">&lt;ruby</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/ruby&gt;</b> </code></dfn></dt> <dd>Represents a <a href="/wiki/Ruby_character" title="Ruby character">ruby annotation</a> for showing the pronunciation of East Asian characters.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.<sup id="cite_ref-48" class="reference"><a href="#cite_note-48"><span class="cite-bracket">&#91;</span>44<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="script"><dfn><code class="html" title="Script" style="font-size:116%;"><b style="color:#006633">&lt;script</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/script&gt;</b> </code></dfn></dt> <dd>Places a <a href="/wiki/Scripting_language" title="Scripting language">script</a> in the document. Also usable in the head and in block contexts. <em>Note:</em> <code class="nowrap" style="">&lt;script&gt;</code> is not itself either a block or inline element; by itself it should not display at all, but it can contain instructions to dynamically generate either both block or inline content.</dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="sub"><dfn><code class="html" title="Subscript" style="font-size:116%;"><b style="color:#006633">&lt;sub</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/sub&gt;</b> </code></dfn></dt> <dt id="sup"><dfn><code class="html" title="Superscript" style="font-size:116%;"><b style="color:#006633">&lt;sup</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/sup&gt;</b> </code></dfn></dt> <dd>Mark <sub><a href="/wiki/Subscript" class="mw-redirect" title="Subscript">subscripted</a></sub> or <sup><a href="/wiki/Superscript" class="mw-redirect" title="Superscript">superscripted</a></sup> text. (Equivalent CSS: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="w"> </span><span class="k">vertical-align</span><span class="p">:</span><span class="w"> </span><span class="n">sub</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code> and <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="w"> </span><span class="k">vertical-align</span><span class="p">:</span><span class="w"> </span><span class="kc">super</span><span class="p">;</span><span class="w"> </span><span class="p">}</span></code>, respectively.)</dd> <dd>Both were proposed in the <a href="#HTML30">HTML 3.0 Drafts</a>; <b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="template"><dfn><code class="html" title="Template" style="font-size:116%;"><b style="color:#006633">&lt;template</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/template&gt;</b> </code></dfn></dt> <dd>Code fragments to be copied by scripts.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.<sup id="cite_ref-49" class="reference"><a href="#cite_note-49"><span class="cite-bracket">&#91;</span>45<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="time"><dfn><code class="html" title="Time" style="font-size:116%;"><b style="color:#006633">&lt;time</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/time&gt;</b> </code></dfn></dt> <dd>Represents a time on the 24-hour clock or a date on the <a href="/wiki/Gregorian_calendar" title="Gregorian calendar">Gregorian calendar</a>, optionally with time and time zone information. Also allows times and dates to be represented in a machine-readable format.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.<sup id="cite_ref-50" class="reference"><a href="#cite_note-50"><span class="cite-bracket">&#91;</span>46<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="wbr"><dfn><code class="html" title="Word Break Opportunity" style="font-size:116%;"><b style="color:#006633">&lt;wbr</b><b style="color:#006633">&#160;/&gt;</b> </code></dfn></dt> <dd>An optional word break.</dd> <dd>Was widely used (and supported by all major browsers)<sup class="noprint Inline-Template Template-Fact" style="white-space:nowrap;">&#91;<i><a href="/wiki/Wikipedia:Citation_needed" title="Wikipedia:Citation needed"><span title="This claim needs references to reliable sources. (September 2023)">citation needed</span></a></i>&#93;</sup> for years<sup class="noprint Inline-Template" style="white-space:nowrap;">&#91;<i><a href="/wiki/Wikipedia:Manual_of_Style/Words_to_watch#Relative_time_references" title="Wikipedia:Manual of Style/Words to watch"><span title="Clarify the applicable timeframe so that it is unambiguous when read at a later date. (September 2023)">timeframe?</span></a></i>&#93;</sup> despite being non-standard until finally being <b>standardized</b> in <a href="#HTML5">HTML5</a>.<sup id="cite_ref-51" class="reference"><a href="#cite_note-51"><span class="cite-bracket">&#91;</span>47<span class="cite-bracket">&#93;</span></a></sup></dd> </dl> <div class="mw-heading mw-heading3"><h3 id="Images_and_objects">Images and objects</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=27" title="Edit section: Images and objects"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1251242444">.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}@media print{body.ns-0 .mw-parser-output .ambox{display:none!important}}</style><table class="box-Update plainlinks metadata ambox ambox-content ambox-Update" role="presentation"><tbody><tr><td class="mbox-image"><div class="mbox-image-div"><span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/42px-Ambox_current_red_Americas.svg.png" decoding="async" width="42" height="34" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/63px-Ambox_current_red_Americas.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ambox_current_red_Americas.svg/84px-Ambox_current_red_Americas.svg.png 2x" data-file-width="360" data-file-height="290" /></span></span></div></td><td class="mbox-text"><div class="mbox-text-span">This section needs to be <b>updated</b>. The reason given is: How do current browsers handle &lt;applet&gt;? What does HTML 5 say about it?.<span class="hide-when-compact"> Please help update this article to reflect recent events or newly available information.</span> <span class="date-container"><i>(<span class="date">July 2023</span>)</i></span></div></td></tr></tbody></table> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="applet"><dfn><code class="html" title="Java Applet" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;applet</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/applet&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>Embeds a <a href="/wiki/Java_applet" title="Java applet">Java applet</a> in the page. Deprecated in favor of <code class="nowrap" style="">&lt;object&gt;</code>, as it could only be used with Java applets, and had accessibility limitations.</dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; <b>deprecated</b> in <a href="#HTML401">HTML 4.0 Transitional</a>; <b>invalid</b> in <a href="#HTML401">HTML 4.0 Strict</a>. As of 2011, still widely used as the implementations of the replacing <code class="nowrap" style="">&lt;object&gt;</code> are not consistent between different browsers.</dd> <dt id="area"><dfn><code class="html" title="Area" style="font-size:116%;"><b style="color:#006633">&lt;area</b><b style="color:#006633">&#160;/&gt;</b> </code></dfn></dt> <dd>Specifies a <a href="/wiki/Focus_(computing)" title="Focus (computing)">focusable</a> area in a <code class="nowrap" style="">&lt;map&gt;</code>.</dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="audio"><dfn><code class="html" title="Audio" style="font-size:116%;"><b style="color:#006633">&lt;audio</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/audio&gt;</b> </code></dfn></dt> <dd>Adds playable <a href="/wiki/HTML_audio" title="HTML audio">HTML audio</a> to the page. The audio URL is determined using the <code>src</code> attribute. Supported audio formats vary from browser to browser.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="canvas"><dfn><code class="html" title="Canvas" style="font-size:116%;"><b style="color:#006633">&lt;canvas</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/canvas&gt;</b> </code></dfn></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Canvas_element" title="Canvas element">Canvas element</a></div> Adds a canvas whose contents can be edited with <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a>. Frequently used for online games.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="embed"><dfn><code class="html" title="Embed" style="font-size:116%;"><b style="color:#006633">&lt;embed</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/embed&gt;</b> </code></dfn></dt> <dd>Inserts a non-standard object (like applet) or external content (typically non-HTML) into the document.</dd> <dd>Deprecated in HTML 4 in favor of <code class="nowrap" style="">&lt;object&gt;</code>, but then was added back into the HTML5 specification<sup id="cite_ref-52" class="reference"><a href="#cite_note-52"><span class="cite-bracket">&#91;</span>48<span class="cite-bracket">&#93;</span></a></sup><sup id="cite_ref-53" class="reference"><a href="#cite_note-53"><span class="cite-bracket">&#91;</span>49<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="img"><dfn><code class="html" title="Image" style="font-size:116%;"><b style="color:#006633">&lt;img</b><b style="color:#006633">&#160;/&gt;</b> </code></dfn></dt> <dd>Used by visual user agents to insert an <a href="/wiki/Image" title="Image">image</a> in the document. The <code>src</code> attribute specifies the image URL. The required <a href="/wiki/Alt_attribute" title="Alt attribute"><code>alt</code> attribute</a> provides alternative text in case the image cannot be displayed.<sup id="cite_ref-54" class="reference"><a href="#cite_note-54"><span class="cite-bracket">&#91;</span>50<span class="cite-bracket">&#93;</span></a></sup> (Though <code>alt</code> is intended as alternative text, Microsoft <a href="/wiki/Internet_Explorer" title="Internet Explorer">Internet Explorer</a> 7 and below render it as a <a href="/wiki/Tooltip" title="Tooltip">tooltip</a> if no <code>title</code> attribute is given.<sup id="cite_ref-55" class="reference"><a href="#cite_note-55"><span class="cite-bracket">&#91;</span>51<span class="cite-bracket">&#93;</span></a></sup> <a href="/wiki/Safari_(web_browser)" title="Safari (web browser)">Safari</a> and <a href="/wiki/Google_Chrome" title="Google Chrome">Google Chrome</a>, on the other hand, do not display the alt attribute at all.)<sup id="cite_ref-56" class="reference"><a href="#cite_note-56"><span class="cite-bracket">&#91;</span>52<span class="cite-bracket">&#93;</span></a></sup> The <code class="nowrap" style="">&lt;img&#32;&#47;&gt;</code> element was first proposed by <a href="/wiki/Marc_Andreessen" title="Marc Andreessen">Marc Andreessen</a> and implemented in the <a href="/wiki/Mosaic_(web_browser)" class="mw-redirect" title="Mosaic (web browser)">NCSA Mosaic</a> web browser.<sup id="cite_ref-57" class="reference"><a href="#cite_note-57"><span class="cite-bracket">&#91;</span>53<span class="cite-bracket">&#93;</span></a></sup></dd> <dd><code>IMG</code> existed in <i><a href="#HTMLDRAFT12">HTML Internet Draft 1.2</a></i>, and was <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="map"><dfn><code class="html" title="Image Map" style="font-size:116%;"><b style="color:#006633">&lt;map</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/map&gt;</b> </code></dfn></dt> <dd>Specifies a client-side <a href="/wiki/Image_map" title="Image map">image map</a>.</dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="object"><dfn><code class="html" title="Object" style="font-size:116%;"><b style="color:#006633">&lt;object</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/object&gt;</b> </code></dfn></dt> <dd>Includes an object in the page of the type specified by the <code>type</code> attribute. This may be in any <a href="/wiki/MIME" title="MIME">MIME</a>-type the user agent understands, such as an embedded HTML page, a file to be handled by a plug-in such as <a href="/wiki/Adobe_Flash_Player" title="Adobe Flash Player">Flash</a>, a <a href="/wiki/Java_(programming_language)" title="Java (programming language)">Java</a> <a href="/wiki/Applet" title="Applet">applet</a>, a sound file, etc.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="param"><dfn><code class="html" title="Object Parameter" style="font-size:116%;"><b style="color:#006633">&lt;param</b><b style="color:#006633">&#160;/&gt;</b> </code></dfn></dt> <dd>Originally introduced with <code class="nowrap" style="">&lt;applet&gt;</code>, this element is now used with <code class="nowrap" style="">&lt;object&gt;</code>, and should only occur as a child of <code class="nowrap" style="">&lt;object&gt;</code>. It uses <a href="/wiki/HTML_attributes" class="mw-redirect" title="HTML attributes">HTML attributes</a> to set a parameter for the object, e.g. width, height, font, background color, etc., depending on the type of object. An object can have multiple <code class="nowrap" style="">&lt;param&#32;&#47;&gt;</code> elements.</dd> <dd><b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="source"><dfn><code class="html" title="Source" style="font-size:116%;"><b style="color:#006633">&lt;source</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/source&gt;</b> </code></dfn></dt> <dd>Specifies different sources for audio or video. Makes use of the <code>src</code> attribute in a way similar to the <code class="nowrap" style="">&lt;video&gt;</code> and <code class="nowrap" style="">&lt;audio&gt;</code> elements.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="track"><dfn><code class="html" title="Track" style="font-size:116%;"><b style="color:#006633">&lt;track</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/track&gt;</b> </code></dfn></dt> <dd>Provides text tracks, like subtitles and captions, for audio and video.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="video"><dfn><code class="html" title="Video" style="font-size:116%;"><b style="color:#006633">&lt;video</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/video&gt;</b> </code></dfn></dt> <dd>Adds a playable <a href="/wiki/HTML_video" title="HTML video">HTML video</a> to the page. The video URL is determined using the <code>src</code> attribute. Supported video formats vary from browser to browser.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> </dl> <div class="mw-heading mw-heading3"><h3 id="Forms">Forms</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=28" title="Edit section: Forms"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Form_(HTML)" class="mw-redirect" title="Form (HTML)">Form (HTML)</a></div> <p>These elements can be combined into a form or in some instances used separately as user-interface controls; in the document, they can be simple HTML or used in conjunction with Scripts. HTML markup specifies the elements that make up a form, and the method by which it will be submitted. However, some form of scripts (<a href="/wiki/Server-side_script" class="mw-redirect" title="Server-side script">server-side</a>, client-side, or both) must be used to process the user's input once it is submitted. </p><p>(These elements are either block or inline elements, but are collected here as their use is more restricted than other inline or block elements.) </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="form"><dfn><code class="html" title="Form" style="font-size:116%;"><b style="color:#006633">&lt;form</b><var style="color:#660066;" title="requiredAction&#160;(URL)"><b>&#160;action</b>="url"</var><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/form&gt;</b> </code></dfn></dt> <dd>Creates a <a href="/wiki/Form_(web)" class="mw-redirect" title="Form (web)">form</a>. The <code class="nowrap" style="">&lt;form&gt;</code> element specifies and operates the overall action of a form area, using the required <code>action</code> attribute.</dd> <dd><b>Standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="button"><dfn><code class="html" title="Button" style="font-size:116%;"><b style="color:#006633">&lt;button</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/button&gt;</b> </code></dfn></dt> <dd>A generic form button which can contain a range of other elements to create complex buttons.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="datalist"><dfn><code class="html" title="Data List" style="font-size:116%;"><b style="color:#006633">&lt;datalist</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/datalist&gt;</b> </code></dfn></dt> <dd>A list of <code>option</code>s for use in form elements.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="fieldset"><dfn><code class="html" title="Fieldset" style="font-size:116%;"><b style="color:#006633">&lt;fieldset</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/fieldset&gt;</b> </code></dfn></dt> <dd>A container for adding structure to forms. For example, a series of related controls can be grouped within a <code class="nowrap" style="">&lt;fieldset&gt;</code>, which can then have a <code class="nowrap" style="">&lt;legend&gt;</code> added in order to identify their function.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="input"><dfn><code class="html" title="Input" style="font-size:116%;"><b style="color:#006633">&lt;input</b><b style="color:#006633">&#160;/&gt;</b> </code></dfn></dt> <dd><code class="nowrap" style="">&lt;input&gt;</code> elements allow a variety of standard form controls to be implemented.</dd> <dd><b>Standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dd><b>Input Types:</b> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="checkbox"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="checkbox"</var></dfn></dt> <dd>A <b><a href="/wiki/Checkbox" title="Checkbox">checkbox</a></b>. Can be checked or unchecked.</dd> <dt id="radio"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="radio"</var></dfn></dt> <dd>A <b><a href="/wiki/Radio_button" title="Radio button">radio button</a></b>. If multiple radio buttons are given the same name, the user will only be able to select one of them from this group.</dd> <dt id="button"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="button"</var></dfn></dt> <dd>A general-purpose button. The element <code class="nowrap" style="">&lt;button&gt;</code> is preferred if possible (i.e., if the client supports it) as it provides richer possibilities.</dd> <dt id="submit"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="submit"</var></dfn></dt> <dd>A <b>submit</b> button.</dd> <dt id="image"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="image"</var></dfn></dt> <dd>An <b>image button</b>. The image URL may be specified with the <code>src</code> attribute.</dd> <dt id="reset"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="reset"</var></dfn></dt> <dd>A <b>reset button</b> for resetting the form to default values.</dd> <dt id="text"><dfn><var style="color:#660066;" title="optionalField Type&#160;(ENUM)"><b>&#160;type</b>="text"</var></dfn></dt> <dd>A <b>one-line text input field</b>. The <code>size</code> attribute specifies the default width of the input in character-widths. <code>max-length</code> sets the maximum number of characters the user can enter (which may be greater than size).</dd> <dt id="search"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="search"</var></dfn></dt> <dd>A variation of <code>text</code> which produces a search bar.</dd> <dt id="password"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="password"</var></dfn></dt> <dd>A variation of <code>text</code>. The difference is that text typed in this field is <em>masked</em> – characters are displayed as an asterisk, a dot, or another replacement. The password is still submitted to the server as <a href="/wiki/Plaintext" title="Plaintext">plaintext</a>, so an underlying secure <a href="/wiki/Communication_protocol" title="Communication protocol">communication protocol</a> like <a href="/wiki/HTTPS" title="HTTPS">HTTPS</a> is needed if confidentiality is a concern.</dd> <dt id="file"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="file"</var></dfn></dt> <dd>A <a href="/wiki/File_select" title="File select">file select</a> field (for uploading files to a server).</dd> <dt id="tel"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="tel"</var></dfn></dt> <dd>A variation of <code>text</code> for <a href="/wiki/Telephone_numbers" class="mw-redirect" title="Telephone numbers">telephone numbers</a>.</dd> <dt id="email"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="email"</var></dfn></dt> <dd>A variation of <code>text</code> for <a href="/wiki/Email_addresses" class="mw-redirect" title="Email addresses">email addresses</a>.</dd> <dt id="url"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="url"</var></dfn></dt> <dd>A variation of <code>text</code> for <a href="/wiki/URLs" class="mw-redirect" title="URLs">URLs</a>.</dd> <dt id="date"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="date"</var></dfn></dt> <dd>A date selector.</dd> <dt id="time"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="time"</var></dfn></dt> <dd>A time selector.</dd> <dt id="number"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="number"</var></dfn></dt> <dd>A variation of <code>text</code> for numbers.</dd> <dt id="range"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="range"</var></dfn></dt> <dd>Produces a slider for that returns a number, but the number is not visible to the user.</dd> <dt id="color"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="color"</var></dfn></dt> <dd>A color picker.</dd> <dt id="hidden"><dfn><var style="color:#660066;" title="impliedField Type&#160;(ENUM)"><b>&#160;type</b>="hidden"</var></dfn></dt> <dd><code>hidden</code> inputs are not visible in the rendered page, but allow a designer to maintain a copy of data that needs to be submitted to the server as part of the form. This may, for example, be data that this web user entered or selected on a previous form that needs to be processed in conjunction with the current form. Not displayed to the user but data can still be altered client-side by editing the HTML source.</dd> </dl></dd> <dt id="isindex"><dfn><code class="html" title="Index" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;isindex</b><b style="color:#006633">&#160;/&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd><code class="nowrap" style="">&lt;isindex&#32;&#47;&gt;</code> could either appear in the document head or in the body, but only once in a document. <code class="nowrap" style="">&lt;isindex&#32;&#47;&gt;</code> operated as a primitive HTML search form; but was <span title="Latin-language text"><i lang="la"><a href="/wiki/De_facto" title="De facto">de facto</a></i></span> obsoleted by more advanced HTML forms introduced in the early to mid-1990s. Represents a set of hyperlinks composed of a base URI, an <a href="/wiki/Ampersand" title="Ampersand">ampersand</a> and <a href="/wiki/Percent-encoding" title="Percent-encoding">percent-encoded</a> keywords separated by <a href="/wiki/Plus_sign" class="mw-redirect" title="Plus sign">plus signs</a>.</dd> <dd><code>ISINDEX</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>; <b>standardized</b> in <a href="#HTML20">HTML 2.0</a>; <b>deprecated</b> in <a href="#HTML401">HTML 4.0 Transitional</a>; <b>invalid</b> in <a href="#HTML401">HTML 4.0 Strict</a>.</dd> <dt id="keygen"><dfn><code class="html" title="Key pair generator" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;keygen</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/keygen&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>A key pair generator.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>, but removed in HTML 5.2.</dd> <dt id="label"><dfn><code class="html" title="Label" style="font-size:116%;"><b style="color:#006633">&lt;label</b><var style="color:#660066;" title="impliedFor&#160;(ENUM)"><b>&#160;for</b>="id"</var><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/label&gt;</b> </code></dfn></dt> <dd>Creates a label for a form input, such as <code>radio</code>. Clicking on the label fires a click on the matching input.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="legend"><dfn><code class="html" title="Legend" style="font-size:116%;"><b style="color:#006633">&lt;legend</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/legend&gt;</b> </code></dfn></dt> <dd>A legend (caption) for a <code class="nowrap" style="">&lt;fieldset&gt;</code>.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="meter"><dfn><code class="html" title="Meter" style="font-size:116%;"><b style="color:#006633">&lt;meter</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/meter&gt;</b> </code></dfn></dt> <dd>A meter which needs a <code>value</code> attribute. Can also have: <code>min</code>, <code>low</code>, <code>high</code>, and <code>max</code>.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="option"><dfn><code class="html" title="Select List Option" style="font-size:116%;"><b style="color:#006633">&lt;option</b><var style="color:#660066;" title="requiredValue&#160;(ANY)"><b>&#160;value</b>="x"</var><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/option&gt;</b> </code></dfn></dt> <dd>Creates an item in a <code class="nowrap" style="">&lt;select&gt;</code> list.</dd> <dd><b>Standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="optgroup"><dfn><code class="html" title="Options Group" style="font-size:116%;"><b style="color:#006633">&lt;optgroup</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/optgroup&gt;</b> </code></dfn></dt> <dd>Identifies a group of <code class="nowrap" style="">&lt;option&gt;</code> elements in a <code class="nowrap" style="">&lt;select&gt;</code> list.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="output"><dfn><code class="html" title="Output" style="font-size:116%;"><b style="color:#006633">&lt;output</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/output&gt;</b> </code></dfn></dt> <dd>The value of a form element.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="progress"><dfn><code class="html" title="Progress Bar" style="font-size:116%;"><b style="color:#006633">&lt;progress</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/progress&gt;</b> </code></dfn></dt> <dd>A bar for showing the progress of an action.</dd> <dd><b>Standardized</b> in <a href="#HTML5">HTML5</a>.</dd> <dt id="select"><dfn><code class="html" title="Selection List" style="font-size:116%;"><b style="color:#006633">&lt;select</b><var style="color:#660066;" title="impliedName&#160;(NMTOKEN)"><b>&#160;name</b>="xyz"</var><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/select&gt;</b> </code></dfn></dt> <dd>Creates a selection list, from which the user can select a single option. May be rendered as a dropdown list.</dd> <dd><b>Standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> <dt id="textarea"><dfn><code class="html" title="Multiline Textarea" style="font-size:116%;"><b style="color:#006633">&lt;textarea</b><var style="color:#660066;" title="Rows&#160;(INT)"><b>&#160;rows</b>="8"</var><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/textarea&gt;</b> </code></dfn></dt> <dd>A multiple-line text area, the size of which is specified by <code>cols</code> (where a column is a one-character width of text) and <code>rows</code> <a href="/wiki/HTML_attributes" class="mw-redirect" title="HTML attributes">HTML attributes</a>. The content of this element is restricted to plain text, which appears in the text area as default text when the page is loaded.</dd> <dd><b>Standardized</b> in <a href="#HTML20">HTML 2.0</a>; still current.</dd> </dl> <div class="mw-heading mw-heading3"><h3 id="Tables">Tables</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=29" title="Edit section: Tables"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The format of HTML Tables was proposed in the <a href="#HTML30">HTML 3.0 Drafts</a> and the later RFC 1942 <i><a href="#HTMLTABLES">HTML Tables</a></i>. They were inspired by the <a href="/wiki/CALS_Table_Model" title="CALS Table Model">CALS Table Model</a>. Some elements in these proposals were included in HTML 3.2; the present form of HTML Tables was standardized in HTML 4. (Many of the elements used within tables are neither <i>block</i> nor <i>inline</i> elements.) </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="table"><dfn><code class="html" title="Table" style="font-size:116%;"><b style="color:#006633">&lt;table</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/table&gt;</b> </code></dfn></dt> <dd>Identifies a table. Several <a href="/wiki/HTML_attributes" class="mw-redirect" title="HTML attributes">HTML attributes</a> are possible in HTML Transitional, but most of these are invalid in HTML Strict and can be replaced with style sheets. The <code>summary</code> attribute is informally required for accessibility purposes, though its usage is not simple.</dd> <dd>Proposed in the <a href="#HTML30">HTML 3.0 Drafts</a>; <b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="tr"><dfn><code class="html" title="Table Row" style="font-size:116%;"><b style="color:#006633">&lt;tr</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/tr&gt;</b> </code></dfn></dt> <dd>Contains a row of cells in a <code class="nowrap" style="">&lt;table&gt;</code>.</dd> <dd>Proposed in the <a href="#HTML30">HTML 3.0 Drafts</a>; <b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="th"><dfn><code class="html" title="Table Header Cell" style="font-size:116%;"><b style="color:#006633">&lt;th</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/th&gt;</b> </code></dfn></dt> <dd>A <code class="nowrap" style="">&lt;table&gt;</code> header cell; contents are conventionally displayed bold and centered. An <a href="/wiki/Aural" class="mw-redirect" title="Aural">aural</a> user agent may use a louder voice for these items.</dd> <dd>Proposed in the <a href="#HTML30">HTML 3.0 Drafts</a>; <b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="td"><dfn><code class="html" title="Table Data Cell" style="font-size:116%;"><b style="color:#006633">&lt;td</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/td&gt;</b> </code></dfn></dt> <dd>A <code class="nowrap" style="">&lt;table&gt;</code> data cell.</dd> <dd>Proposed in the <a href="#HTML30">HTML 3.0 Drafts</a>; <b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="colgroup"><dfn><code class="html" title="Column Group" style="font-size:116%;"><b style="color:#006633">&lt;colgroup</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/colgroup&gt;</b> </code></dfn></dt> <dd>Specifies a <a href="/wiki/Column_group" class="mw-redirect" title="Column group">column group</a> in a <code class="nowrap" style="">&lt;table&gt;</code>.</dd> <dd>Proposed in <a href="#HTMLTABLES">HTML Tables</a>; <b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="col"><dfn><code class="html" title="Table Column" style="font-size:116%;"><b style="color:#006633">&lt;col</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/col&gt;</b> </code></dfn></dt> <dd>Specifies a column in a <code class="nowrap" style="">&lt;table&gt;</code>.</dd> <dd>Proposed in <a href="#HTMLTABLES">HTML Tables</a>; <b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="caption"><dfn><code class="html" title="Table Caption" style="font-size:116%;"><b style="color:#006633">&lt;caption</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/caption&gt;</b> </code></dfn></dt> <dd>Specifies a caption for a <code class="nowrap" style="">&lt;table&gt;</code>.</dd> <dd>Proposed in the <a href="#HTML30">HTML 3.0 Drafts</a>; <b>Standardized</b> in <a href="#HTML32">HTML 3.2</a>; still current.</dd> <dt id="thead"><dfn><code class="html" title="Table Header" style="font-size:116%;"><b style="color:#006633">&lt;thead</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/thead&gt;</b> </code></dfn></dt> <dd>Specifies the header part of a <code class="nowrap" style="">&lt;table&gt;</code>. This section may be repeated by the user agent if the table is split across pages (in printing or other paged media).</dd> <dd>Proposed in <a href="#HTMLTABLES">HTML Tables</a>; <b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="tbody"><dfn><code class="html" title="Table Body" style="font-size:116%;"><b style="color:#006633">&lt;tbody</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/tbody&gt;</b> </code></dfn></dt> <dd>Specifies a body of data for a <code class="nowrap" style="">&lt;table&gt;</code>.</dd> <dd>Proposed in <a href="#HTMLTABLES">HTML Tables</a>; <b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> <dt id="tfoot"><dfn><code class="html" title="Table Footer" style="font-size:116%;"><b style="color:#006633">&lt;tfoot</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/tfoot&gt;</b> </code></dfn></dt> <dd>Specifies the footer part of a <code class="nowrap" style="">&lt;table&gt;</code>. Like <code class="nowrap" style="">&lt;thead&gt;</code>, this section may be repeated by the user agent if the table is split across pages (in printing or other paged media).</dd> <dd>Proposed in <a href="#HTMLTABLES">HTML Tables</a>; <b>Standardized</b> in <a href="#HTML401">HTML 4.0</a>; still current.</dd> </dl> <div class="mw-heading mw-heading2"><h2 id="Frames">Frames</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=30" title="Edit section: Frames"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Frame_(World_Wide_Web)" title="Frame (World Wide Web)">Frame (World Wide Web)</a></div> <p>Frames allow a visual HTML browser window to be split into segments, each of which can show a different document. This can lower bandwidth use, as repeating parts of a layout can be used in one frame, while variable content is displayed in another. This may come at a certain usability cost, especially in non-visual user agents,<sup id="cite_ref-58" class="reference"><a href="#cite_note-58"><span class="cite-bracket">&#91;</span>54<span class="cite-bracket">&#93;</span></a></sup> due to separate and independent documents (or websites) being displayed adjacent to each other and being allowed to interact with the same parent window. Because of this cost, frames (excluding the <code class="nowrap" style="">&lt;iframe&gt;</code> element) are only allowed in HTML 4.01 Frame-set. Iframes can also hold documents on different servers. In this case the interaction between windows is blocked by the browser. Sites like <a href="/wiki/Facebook" title="Facebook">Facebook</a> and <a href="/wiki/Twitter" title="Twitter">Twitter</a> use iframes to display content (<a href="/wiki/Plug-in_(computing)" title="Plug-in (computing)">plugins</a>) on third party websites. Google <a href="/wiki/AdSense" class="mw-redirect" title="AdSense">AdSense</a> uses iframes to display banners on third party websites. </p><p>In HTML 4.01, a document may contain a <code class="nowrap" style="">&lt;head&gt;</code> and a <code class="nowrap" style="">&lt;body&gt;</code> <em>or</em> a <code class="nowrap" style="">&lt;head&gt;</code> and a <code class="nowrap" style="">&lt;frameset&gt;</code>, but not both a <code class="nowrap" style="">&lt;body&gt;</code> and a <code class="nowrap" style="">&lt;frameset&gt;</code>. However, <code class="nowrap" style="">&lt;iframe&gt;</code> can be used in a normal document body. </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="frameset"><dfn><code class="html" title="Frameset" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;frameset</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/frameset&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>Contains the set of <code class="nowrap" style="">&lt;frame&#32;&#47;&gt;</code> elements for a document. The layout of frames is given by comma separated lists in the <code>rows</code> and <code>cols</code> <a href="/wiki/HTML_attributes" class="mw-redirect" title="HTML attributes">HTML attributes</a>.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a> Frameset, <b>obsolete</b> in HTML5.</dd> <dt id="frame"><dfn><code class="html" title="Frame" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;frame</b><b style="color:#006633">&#160;/&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>Defines a single frame, or region, within the <code class="nowrap" style="">&lt;frameset&gt;</code>. A separate document is linked to a frame using the <code>src</code> attribute inside the <code class="nowrap" style="">&lt;frame&#32;&#47;&gt;</code> element.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a> Frameset, <b>obsolete</b> in HTML5.</dd> <dt id="noframes"><dfn><code class="html" title="Frame Support Fallback" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;noframes</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/noframes&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>Contains normal HTML content for user agents that do not support <code class="nowrap" style="">&lt;frame&#32;&#47;&gt;</code> elements.</dd> <dd><b>Standardized</b> in <a href="#HTML401">HTML 4.0</a> Transitional, <b>obsolete</b> in HTML5.</dd> <dt id="iframe"><dfn><code class="html" title="Inline Frame" style="font-size:116%;"><b style="color:#006633">&lt;iframe</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/iframe&gt;</b> </code></dfn></dt> <dd>An inline frame places another HTML document in a frame. Unlike an <code class="nowrap" style="">&lt;object&#32;&#47;&gt;</code> element, an <code class="nowrap" style="">&lt;iframe&gt;</code> can be the "target" frame for links defined by other elements, and it can be selected by the user agent as the focus for printing, viewing its source, and so on. The content of the element is used as alternative text to be displayed if the browser does not support inline frames. A separate document is linked to a frame using the <code>src</code> attribute inside the <code class="nowrap" style="">&lt;iframe&#32;&#47;&gt;</code>, an inline HTML code is embedded to a frame using the <code>srcdoc</code> attribute inside the <code class="nowrap" style="">&lt;iframe&#32;&#47;&gt;</code> element.</dd> <dd>First introduced by Microsoft Internet Explorer in 1997, <b>standardized</b> in <a href="#HTML401">HTML 4.0</a> Transitional, <b>allowed</b> in HTML5.</dd> </dl> <div class="mw-heading mw-heading3"><h3 id="longdesc_attribute"><code>longdesc</code> attribute</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=31" title="Edit section: longdesc attribute"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>In <a href="/wiki/HTML" title="HTML">HTML</a>, <b><code>longdesc</code></b> is an attribute used within the <code class="nowrap" style="">&lt;img&#32;&#47;&gt;</code>, <code class="nowrap" style="">&lt;frame&#32;&#47;&gt;</code>, or <code class="nowrap" style="">&lt;iframe&gt;</code> elements. It is supposed to be a <a href="/wiki/URL" title="URL">URL</a><sup id="cite_ref-59" class="reference"><a href="#cite_note-59"><span class="cite-bracket">&#91;</span>note 5<span class="cite-bracket">&#93;</span></a></sup> to a document that provides a <b>long description</b> for the image, frame, or iframe in question.<sup id="cite_ref-60" class="reference"><a href="#cite_note-60"><span class="cite-bracket">&#91;</span>55<span class="cite-bracket">&#93;</span></a></sup> This attribute should contain a URL, <em>not</em> – as is commonly mistaken – the text of the description itself. </p><p><code>longdesc</code> was designed to be used by <a href="/wiki/Screen_reader" title="Screen reader">screen readers</a> to display image information for computer users with <a href="/wiki/Accessibility" title="Accessibility">accessibility</a> issues, such as the blind or <a href="/wiki/Visual_impairment" title="Visual impairment">visually impaired</a>, and is widely implemented by both web browsers and screen readers.<sup id="cite_ref-61" class="reference"><a href="#cite_note-61"><span class="cite-bracket">&#91;</span>56<span class="cite-bracket">&#93;</span></a></sup> Some developers object that<sup id="cite_ref-62" class="reference"><a href="#cite_note-62"><span class="cite-bracket">&#91;</span>57<span class="cite-bracket">&#93;</span></a></sup> it is actually seldom used for this purpose because there are relatively few authors who use the attribute and most of those authors use it incorrectly; thus, they recommend deprecating <code>longdesc</code>.<sup id="cite_ref-63" class="reference"><a href="#cite_note-63"><span class="cite-bracket">&#91;</span>58<span class="cite-bracket">&#93;</span></a></sup> The publishing industry has responded, advocating the retention of <code>longdesc</code>.<sup id="cite_ref-64" class="reference"><a href="#cite_note-64"><span class="cite-bracket">&#91;</span>59<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading4"><h4 id="Example">Example</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=32" title="Edit section: Example"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;Hello.jpg&quot;</span> <span class="na">longdesc</span><span class="o">=</span><span class="s">&quot;description.html&quot;</span><span class="p">&gt;</span> </pre></div> <p><br />Content of <code>description.html</code>: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">br</span> <span class="p">/&gt;</span> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>This is an image of a two-layered birthday cake.<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> ... </pre></div> <div class="mw-heading mw-heading4"><h4 id="Linking_to_the_long_description_in_the_text">Linking to the long description in the text</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=33" title="Edit section: Linking to the long description in the text"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Since very few graphical browsers support making the link available natively (Opera and iCab being the exceptions), it is useful to include a link to the description page near the <code class="nowrap" style="">&lt;img&#32;&#47;&gt;</code> element whenever possible, as this can also aid sighted users. </p> <div class="mw-heading mw-heading5"><h5 id="Example_2">Example</h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=34" title="Edit section: Example"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">&quot;Hello.jpg&quot;</span> <span class="na">longdesc</span><span class="o">=</span><span class="s">&quot;description.html&quot;</span> <span class="p">/&gt;</span> [<span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span> <span class="s">&quot;description.html&quot;</span> <span class="na">title</span><span class="o">=</span><span class="s">&quot;long description of the image&quot;</span><span class="p">&gt;</span>D<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>] </pre></div> <div class="mw-heading mw-heading2"><h2 id="Historic_elements">Historic elements</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=35" title="Edit section: Historic elements"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The following elements were part of the early HTML developed by <a href="/wiki/Tim_Berners-Lee" title="Tim Berners-Lee">Tim Berners-Lee</a> from 1989 to 1991; they are mentioned in <i>HTML Tags</i>, but deprecated in <i>HTML 2.0</i> and were never part of HTML standards. </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="listing"><dfn><code class="html" title="HTML Listing" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;listing</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/listing&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>This element displayed the text inside the tags in a monospace font and without interpreting the HTML. The <a href="#HTML20">HTML 2.0</a> specification recommended rendering the element at up to 132 characters per line.</dd> <dd><b>Deprecated</b> in <a href="#HTML32">HTML 3.2</a>; <b>obsolete</b> in <a href="#HTML5">HTML5</a>.<sup id="cite_ref-WHATWG-deprecated_65-0" class="reference"><a href="#cite_note-WHATWG-deprecated-65"><span class="cite-bracket">&#91;</span>60<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="plaintext"><dfn><code class="html" title="Plaintext" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;plaintext</b><b style="color:#006633">&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd><code class="nowrap" style="">&lt;plaintext&gt;</code> does not have an end tag as it terminates the markup and causes the rest of the document to be parsed as if it were <a href="/wiki/Plaintext" title="Plaintext">plaintext</a>.</dd> <dd><code class="nowrap" style="">&lt;plaintext&gt;</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i>; <b>deprecated</b> in <a href="#HTML20">HTML 2.0</a>; <b>invalid</b> in <a href="#HTML401">HTML 4.0</a>.</dd> <dt id="xmp"><dfn><code class="html" title="HTML Example" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;xmp</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/xmp&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>This element displayed the text inside the tags in a monospace font and without interpreting the HTML. The <a href="#HTML20">HTML 2.0</a> specification recommended rendering the element at 80 characters per line.</dd> <dd><b>Deprecated</b> in <a href="#HTML32">HTML 3.2</a>; <b>obsolete</b> in <a href="#HTML5">HTML5</a>.<sup id="cite_ref-66" class="reference"><a href="#cite_note-66"><span class="cite-bracket">&#91;</span>61<span class="cite-bracket">&#93;</span></a></sup></dd> <dt id="nextid"><dfn><code class="html" title="NeXT ID" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;nextid</b><b style="color:#006633">&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>This element enabled NeXT web designing tool to generate automatic NAME labels for its anchors and was itself automatically generated.<sup id="cite_ref-WHATWG-deprecated_65-1" class="reference"><a href="#cite_note-WHATWG-deprecated-65"><span class="cite-bracket">&#91;</span>60<span class="cite-bracket">&#93;</span></a></sup></dd> <dd><code class="nowrap" style="">&lt;nextid&gt;</code> existed in <i><a href="#HTMLTAGS">HTML Tags</a></i> (described as obsolete); <b>deprecated</b> in <a href="#HTML20">HTML 2.0</a>; <b>invalid</b> in <a href="#HTML32">HTML 3.2</a> and later.</dd> </dl> <div class="mw-heading mw-heading2"><h2 id="Non-standard_elements">Non-standard elements</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=36" title="Edit section: Non-standard elements"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1224211176">.mw-parser-output .quotebox{background-color:#F9F9F9;border:1px solid #aaa;box-sizing:border-box;padding:10px;font-size:88%;max-width:100%}.mw-parser-output .quotebox.floatleft{margin:.5em 1.4em .8em 0}.mw-parser-output .quotebox.floatright{margin:.5em 0 .8em 1.4em}.mw-parser-output .quotebox.centered{overflow:hidden;position:relative;margin:.5em auto .8em auto}.mw-parser-output .quotebox.floatleft span,.mw-parser-output .quotebox.floatright span{font-style:inherit}.mw-parser-output .quotebox>blockquote{margin:0;padding:0;border-left:0;font-family:inherit;font-size:inherit}.mw-parser-output .quotebox-title{text-align:center;font-size:110%;font-weight:bold}.mw-parser-output .quotebox-quote>:first-child{margin-top:0}.mw-parser-output .quotebox-quote:last-child>:last-child{margin-bottom:0}.mw-parser-output .quotebox-quote.quoted:before{font-family:"Times New Roman",serif;font-weight:bold;font-size:large;color:gray;content:" “ ";vertical-align:-45%;line-height:0}.mw-parser-output .quotebox-quote.quoted:after{font-family:"Times New Roman",serif;font-weight:bold;font-size:large;color:gray;content:" ” ";line-height:0}.mw-parser-output .quotebox .left-aligned{text-align:left}.mw-parser-output .quotebox .right-aligned{text-align:right}.mw-parser-output .quotebox .center-aligned{text-align:center}.mw-parser-output .quotebox .quote-title,.mw-parser-output .quotebox .quotebox-quote{display:block}.mw-parser-output .quotebox cite{display:block;font-style:normal}@media screen and (max-width:640px){.mw-parser-output .quotebox{width:100%!important;margin:0 0 .8em!important;float:none!important}}</style><div class="quotebox pullquote floatright noprint" style="width:250px; ;"> <blockquote class="quotebox-quote left-aligned" style=""> <div style="font-size: 100%; color:#FF00CC;"><style data-mw-deduplicate="TemplateStyles:r1187416194">@keyframes marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.mw-parser-output .marquee-container{white-space:nowrap;overflow:hidden;position:relative;animation:marquee 10s linear infinite}.mw-parser-output .marquee-content{display:inline-block}</style><div class="marquee-container"><div class="marquee-content">This is the new WikiPedia!</div></div></div> </blockquote> <p style="padding-bottom: 0;"><cite class="left-aligned" style="">Example of marquee text from the <a href="/wiki/First_Wikipedia_edit" title="First Wikipedia edit">first Wikipedia edit</a> (accomplished via CSS; the &lt;marquee&gt; tag itself is deprecated and no longer works in most browsers)</cite></p> </div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1224211176"><div class="quotebox pullquote floatright noprint" style="width:250px; ;"> <blockquote class="quotebox-quote left-aligned" style=""> <p><style data-mw-deduplicate="TemplateStyles:r1245609553">@keyframes blink{0%{opacity:1}75%{opacity:1}76%{opacity:0}100%{opacity:0}}.mw-parser-output blink,.mw-parser-output .blink-css{text-decoration:inherit;animation:blink 0.75s ease-in infinite alternate!important}</style><span class="blink-css"><a href="/wiki/Wikipedia:UuU" title="Wikipedia:UuU">UuU</a></span> </p> </blockquote> <p style="padding-bottom: 0;"><cite class="left-aligned" style="">Example of blinking text (accomplished via CSS; the &lt;blink&gt; tag itself is deprecated and no longer works in most browsers) with link to page. Not to be confused with <a href="/wiki/UwU" class="mw-redirect" title="UwU">UwU</a>, this page contains the earliest surviving edit on the English Wikipedia.</cite></p> </div> <p>This section lists some widely used obsolete elements, which means they are not used in <a href="/wiki/Validator" title="Validator">valid</a> code. They may not be supported in all user agents. </p> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="blink"><dfn><code class="html" title="Blink" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;blink</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/blink&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Blink_element" title="Blink element">Blink element</a></div> Causes text to blink. Introduced in imitation of the <a href="/wiki/ANSI_escape_code" title="ANSI escape code">ANSI escape codes</a>. Can be done with CSS where supported: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="k">text-decoration</span><span class="p">:</span><span class="w"> </span><span class="kc">blink</span><span class="p">}</span></code> (This effect may have negative consequences for people with <a href="/wiki/Photosensitive_epilepsy" title="Photosensitive epilepsy">photosensitive epilepsy</a>;<sup id="cite_ref-WCAG_67-0" class="reference"><a href="#cite_note-WCAG-67"><span class="cite-bracket">&#91;</span>62<span class="cite-bracket">&#93;</span></a></sup> its use on the public Internet should follow the appropriate guidelines.)</dd> <dd><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">blink</span><span class="p">&gt;</span></code> originated in <a href="/wiki/Netscape_Navigator" title="Netscape Navigator">Netscape Navigator</a> and is mostly recognized by its descendants, including <a href="/wiki/Firefox" title="Firefox">Firefox</a>; <b>deprecated</b> or <b>invalid</b> in <a href="#HTML20">HTML 2.0</a> and later. The replacement CSS tag, while standard, is not required to be supported.</dd> <dt id="layer"><dfn><code class="html" title="Layer" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;layer</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/layer&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Layer_element" title="Layer element">Layer element</a></div> Creates an absolute positioned and framed layer. Can be done with frames and/or CSS instead. There are attributes, including <b>ID</b>, <b>LEFT</b>, <b>TOP</b>, <b>PAGEX</b>, <b>PAGEY</b>, <b>SRC</b>, <b>Z-INDEX</b>, <b>ABOVE</b>, <b>WIDTH</b>, <b>HEIGHT</b>, <b>BELOW</b>, <b>CLIP</b>, <b>VISIBILITY</b> and <b>CLIP</b>.</dd> <dd><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">layer</span><span class="p">&gt;</span></code> originated in <a href="/wiki/Netscape_4" class="mw-redirect" title="Netscape 4">Netscape 4</a>; <b>deprecated</b> or <b>invalid</b> in <a href="#HTML401">HTML 4.01</a> and later.</dd> <dt id="marquee"><dfn><code class="html" title="Marquee" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;marquee</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/marquee&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951"><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Marquee_element" title="Marquee element">Marquee element</a></div> Creates scrolling text. Can be done with scripting instead. (This effect may have negative consequences for people with <a href="/wiki/Photosensitive_epilepsy" title="Photosensitive epilepsy">photosensitive epilepsy</a>;<sup id="cite_ref-WCAG_67-1" class="reference"><a href="#cite_note-WCAG-67"><span class="cite-bracket">&#91;</span>62<span class="cite-bracket">&#93;</span></a></sup> its use on the public Internet should follow the appropriate guidelines.) There are three options, including <b>Alternate</b>, <b>Scroll</b> and <b>slide</b>. <b>Scrolldelay</b> can also be added.</dd> <dd><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">marquee</span><span class="p">&gt;</span></code> originated in <a href="/wiki/Microsoft_Internet_Explorer" class="mw-redirect" title="Microsoft Internet Explorer">Microsoft Internet Explorer</a>; <b>deprecated</b> or <b>invalid</b> in <a href="#HTML401">HTML 4.01</a> and later.</dd> <dt id="nobr"><dfn><code class="html" title="No Break" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;nobr</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/nobr&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>Causes text to not break at end of line, preventing word wrap where text exceeds the width of the enclosing object. Adjacent text may break before and after it. Can be done with CSS: <code class="mw-highlight mw-highlight-lang-css mw-content-ltr" style="" dir="ltr"><span class="p">{</span><span class="k">white-space</span><span class="p">:</span><span class="w"> </span><span class="kc">nowrap</span><span class="p">;}</span></code></dd> <dd><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">nobr</span><span class="p">&gt;</span></code> is a proprietary element which is recognized by most browsers for compatibility reasons; <b>deprecated</b> or <b>invalid</b> in <a href="#HTML20">HTML 2.0</a> and later.</dd> <dt id="noembed"><dfn><code class="html" title="Embed Fallback" style="font-size:116%;"><del style="color:grey;"><b style="color:#006633">&lt;noembed</b><b style="color:#006633">&gt;</b>...<b style="color:#006633">&lt;/noembed&gt;</b></del> <b>(deprecated)</b> </code></dfn></dt> <dd>Specifies alternative content, if the embed cannot be rendered. Replaced by the content of the <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">embed</span><span class="p">&gt;</span></code> or <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">object</span><span class="p">&gt;</span></code> element.</dd> </dl> <div class="mw-heading mw-heading2"><h2 id="Comments">Comments</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=37" title="Edit section: Comments"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <div style="clear:both;" class=""></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1228772891"> <dl class="glossary"> <dt id="comment"><dfn><code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="cm">&lt;!-- A Comment --&gt;</span></code></dfn></dt> <dd><p>A <a href="/wiki/Comment_(computer_programming)" title="Comment (computer programming)">comment</a> in HTML (and related XML, SGML and SHTML) uses the same syntax as the <a href="/wiki/SGML_comment" class="mw-redirect" title="SGML comment">SGML comment</a> or <a href="/wiki/XML_comment" class="mw-redirect" title="XML comment">XML comment</a>, depending on the doctype.</p> <p>Unlike most HTML tags, comments do not nest. More generally, there are some strings that are not allowed to appear in the comment text. Those are <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="err">&lt;</span>!--</code>(the beginning of a comment),<code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr">--&gt;</code>(this ends the comment so it trivially follows it can not appear inside it) and <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr">--!&gt;</code>. Additionally, the strings <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr">&gt;</code> and <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr">-&gt;</code> cannot appear at the beginning of a comment and <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="err">&lt;</span>!-</code> cannot appear at the end.<sup id="cite_ref-68" class="reference"><a href="#cite_note-68"><span class="cite-bracket">&#91;</span>63<span class="cite-bracket">&#93;</span></a></sup></p> <p>As a result, the markup <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="cm">&lt;!--Xbegin&lt;!--Y--&gt;</span>Xend--&gt;</code> is ill-formed and will yield the comment <samp style="padding-left:0.4em; padding-right:0.4em; color:var( --color-subtle, #666666);"><span class="nowrap">Xbegin&lt;!--Y</span></samp> and the text <samp style="padding-left:0.4em; padding-right:0.4em; color:var( --color-subtle, #666666);"><span class="nowrap">Xend--&gt;</span></samp> after it, or sometimes just <samp style="padding-left:0.4em; padding-right:0.4em; color:var( --color-subtle, #666666);">Xend--&gt;</samp>, depending on browser.</p> <p>Comments can appear anywhere in a document, as the HTML parser is supposed to ignore them no matter where they appear so long as they are not inside other HTML tag structures (i.e., they cannot be used next to attributes and values; this is invalid markup: <code><span class="nowrap">&lt;span id="x1"</span><span class="nowrap">&lt;!--for</span> "extension <span class="nowrap">one"--&gt;</span> <span class="nowrap">style="..."&gt;</span></code>).</p> <p>Comments can even appear before the doctype declaration; no other tags are permitted to do this.</p> <p>However, not all browsers and HTML editors are fully compliant with the HTML syntax framework and may do unpredictable things under some syntax conditions. Defective handling of comments only affects about 5% of all browsers and HTML editors in use, and even then only certain versions are affected by comment mishandling issues (Internet Explorer 6 accounts for most of this high percentage).</p> <p>There are a few compatibility quirks involving comments:</p> <ul><li>Placing comments – or indeed any characters except for white-space – before the <code>doctype</code> will cause Internet Explorer 6 to use <a href="/wiki/Quirks_mode" title="Quirks mode">quirks mode</a> for the HTML page. None of the <code>doctype</code> information will be processed.</li> <li>For compatibility with some pre-1995 browsers, the contents of <code class="nowrap" style="">&lt;style&gt;</code> and <code class="nowrap" style="">&lt;script&gt;</code> elements are still sometimes surrounded by comment delimiters, and CSS- and script-capable browsers are written to specifically ignore that comment markup as not actually a comment. This means that attempts to actually comment out CSS and script markup by change the elements inside the comment to not be recognized, e.g. <code><span class="nowrap">&lt;--</span> <span class="nowrap">[script]...</span>[/script] <span class="nowrap">--&gt;</span></code>.</li> <li>The <a href="/wiki/BlueGriffon" title="BlueGriffon">BlueGriffon</a> HTML editor, in versions 1.7.<var style="padding-right: 1px;">x</var>, makes comments that are not embedded in the syntax structure; <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">style</span><span class="p">&gt;</span><span class="w"> </span><span class="o">...</span><span class="w"> </span><span class="p">{</span><span class="err">comment</span><span class="w"> </span><span class="err">tags</span><span class="p">}</span><span class="w"> </span><span class="o">...</span><span class="p">&lt;/</span><span class="nt">style</span><span class="p">&gt;</span></code> will show up on-screen. Other HTML editors may have this same defect.</li></ul></dd> </dl> <div class="mw-heading mw-heading2"><h2 id="See_also">See also</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=38" title="Edit section: See also"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/HTML_attribute" title="HTML attribute">HTML attribute</a></li> <li><a href="/wiki/HTML#Element_examples" title="HTML">HTML element examples</a></li></ul> <div class="mw-heading mw-heading2"><h2 id="Notes">Notes</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=39" title="Edit section: Notes"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1239543626">.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}</style><div class="reflist reflist-lower-roman"> <div class="mw-references-wrap"><ol class="references"> <li id="cite_note-4"><span class="mw-cite-backlink"><b><a href="#cite_ref-4">^</a></b></span> <span class="reference-text">HTML 4.01 is one of a small number of well-known HTML DTDs. It is chosen here as the best illustrative example, although the same behavior applies to the other W3C-published DTDs for HTML.</span> </li> <li id="cite_note-6"><span class="mw-cite-backlink"><b><a href="#cite_ref-6">^</a></b></span> <span class="reference-text">A macro-like feature of DTDs may still be used within XML.</span> </li> <li id="cite_note-8"><span class="mw-cite-backlink"><b><a href="#cite_ref-8">^</a></b></span> <span class="reference-text">One minor difference is that XML, even after the DOM interface, is case-sensitive.<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">&#91;</span>5<span class="cite-bracket">&#93;</span></a></sup></span> </li> <li id="cite_note-10"><span class="mw-cite-backlink"><b><a href="#cite_ref-10">^</a></b></span> <span class="reference-text">However, see <code class="mw-highlight mw-highlight-lang-html mw-content-ltr" style="" dir="ltr"><span class="p">&lt;</span><span class="nt">object</span><span class="p">&gt;</span></code> for the inevitable exception.</span> </li> <li id="cite_note-59"><span class="mw-cite-backlink"><b><a href="#cite_ref-59">^</a></b></span> <span class="reference-text">Strictly an <a href="/wiki/Internationalized_resource_identifier" class="mw-redirect" title="Internationalized resource identifier">IRI</a>, not a URL; although URLs are a subset of IRIs.</span> </li> </ol></div></div> <div class="mw-heading mw-heading2"><h2 id="References">References</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=40" title="Edit section: References"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-references-wrap mw-references-columns"><ol class="references"> <li id="cite_note-HTML401_Elements-1"><span class="mw-cite-backlink">^ <a href="#cite_ref-HTML401_Elements_1-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-HTML401_Elements_1-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><style data-mw-deduplicate="TemplateStyles:r1238218222">.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free.id-lock-free a{background:url("//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited.id-lock-limited a,.mw-parser-output .id-lock-registration.id-lock-registration a{background:url("//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription.id-lock-subscription a{background:url("//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg")right 0.1em center/12px no-repeat}body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-free a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-limited a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-registration a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-subscription a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .cs1-ws-icon a{background-size:contain;padding:0 1em 0 0}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#085;margin-left:0.3em}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}@media screen{.mw-parser-output .cs1-format{font-size:95%}html.skin-theme-clientpref-night .mw-parser-output .cs1-maint{color:#18911f}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .cs1-maint{color:#18911f}}</style><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/1999/REC-html401-19991224/intro/sgmltut.html#h-3.2.1">"§3 On SGML and HTML"</a>. <i>HTML 4.01 Specification</i>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 24 December 1999. §3.2.1 Elements.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=HTML+4.01+Specification&amp;rft.atitle=%C2%A73+On+SGML+and+HTML&amp;rft.pages=%C2%A73.2.1+Elements&amp;rft.date=1999-12-24&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2F1999%2FREC-html401-19991224%2Fintro%2Fsgmltut.html%23h-3.2.1&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-2">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/1999/REC-html401-19991224/intro/sgmltut.html">"§3 On SGML and HTML"</a>. <i>HTML 4.01 Specification</i>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 24 December 1999. §3.1 Introduction to SGML.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=HTML+4.01+Specification&amp;rft.atitle=%C2%A73+On+SGML+and+HTML&amp;rft.pages=%C2%A73.1+Introduction+to+SGML&amp;rft.date=1999-12-24&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2F1999%2FREC-html401-19991224%2Fintro%2Fsgmltut.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-W3C,_HTML_401_DTD-3"><span class="mw-cite-backlink"><b><a href="#cite_ref-W3C,_HTML_401_DTD_3-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/1999/REC-html401-19991224/sgml/dtd.html">"HTML 4.01, §21, Document Type Definition"</a>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 24 December 1999.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=HTML+4.01%2C+%C2%A721%2C+Document+Type+Definition&amp;rft.pub=W3C&amp;rft.date=1999-12-24&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2F1999%2FREC-html401-19991224%2Fsgml%2Fdtd.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-whatwg-syntax-tag-omission-5"><span class="mw-cite-backlink">^ <a href="#cite_ref-whatwg-syntax-tag-omission_5-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-whatwg-syntax-tag-omission_5-1"><sup><i><b>b</b></i></sup></a> <a href="#cite_ref-whatwg-syntax-tag-omission_5-2"><sup><i><b>c</b></i></sup></a> <a href="#cite_ref-whatwg-syntax-tag-omission_5-3"><sup><i><b>d</b></i></sup></a> <a href="#cite_ref-whatwg-syntax-tag-omission_5-4"><sup><i><b>e</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission">"HTML Standard § Optional tags"</a>. <i>WHATWG</i><span class="reference-accessdate">. Retrieved <span class="nowrap">22 March</span> 2019</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=WHATWG&amp;rft.atitle=HTML+Standard+%C2%A7+Optional+tags&amp;rft_id=https%3A%2F%2Fhtml.spec.whatwg.org%2Fmultipage%2Fsyntax.html%23syntax-tag-omission&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-7"><span class="mw-cite-backlink"><b><a href="#cite_ref-7">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109/html.html#ID-5353782642">"§1. Document Object Model HTML"</a>. <i>Document Object Model (DOM) Level 2 HTML Specification</i>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 9 January 2003. §1.3. XHTML and the HTML DOM.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=Document+Object+Model+%28DOM%29+Level+2+HTML+Specification&amp;rft.atitle=%C2%A71.+Document+Object+Model+HTML&amp;rft.pages=%C2%A71.3.+XHTML+and+the+HTML+DOM&amp;rft.date=2003-01-09&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2F2003%2FREC-DOM-Level-2-HTML-20030109%2Fhtml.html%23ID-5353782642&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-W3C,_HTML_4.01,_block_and_inline-9"><span class="mw-cite-backlink">^ <a href="#cite_ref-W3C,_HTML_4.01,_block_and_inline_9-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-W3C,_HTML_4.01,_block_and_inline_9-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/1999/REC-html401-19991224/struct/global.html#h-7.5.3">"§7 The global structure of an HTML document"</a>. <i>HTML 4.01 Specification</i>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 24 December 1999. §7.5.3 Block-level and inline elements.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=HTML+4.01+Specification&amp;rft.atitle=%C2%A77+The+global+structure+of+an+HTML+document&amp;rft.pages=%C2%A77.5.3+Block-level+and+inline+elements&amp;rft.date=1999-12-24&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2F1999%2FREC-html401-19991224%2Fstruct%2Fglobal.html%23h-7.5.3&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-11"><span class="mw-cite-backlink"><b><a href="#cite_ref-11">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFMark_Newhouse2002" class="citation web cs1">Mark Newhouse (27 September 2002). <a rel="nofollow" class="external text" href="http://alistapart.com/article/taminglists/">"CSS Design: Taming Lists"</a>. <a href="/wiki/A_List_Apart" title="A List Apart">A List Apart</a>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=CSS+Design%3A+Taming+Lists&amp;rft.pub=A+List+Apart&amp;rft.date=2002-09-27&amp;rft.au=Mark+Newhouse&amp;rft_id=http%3A%2F%2Falistapart.com%2Farticle%2Ftaminglists%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-XHTML10-42-12"><span class="mw-cite-backlink"><b><a href="#cite_ref-XHTML10-42_12-0">^</a></b></span> <span class="reference-text"><a href="#XHTML10">XHTML 1.0</a> §4.2</span> </li> <li id="cite_note-13"><span class="mw-cite-backlink"><b><a href="#cite_ref-13">^</a></b></span> <span class="reference-text"><a href="#XML10">XML 1.0</a> (The ability to produce additional elements is part of the <i>eXtensibility</i> in the acronym.)</span> </li> <li id="cite_note-XML10-51-14"><span class="mw-cite-backlink"><b><a href="#cite_ref-XML10-51_14-0">^</a></b></span> <span class="reference-text"><a href="#XML10">XML 1.0</a> §5.1</span> </li> <li id="cite_note-15"><span class="mw-cite-backlink"><b><a href="#cite_ref-15">^</a></b></span> <span class="reference-text"><a href="#WHATWGLS">WHATWGLS</a>. § 15</span> </li> <li id="cite_note-XHTML11-16"><span class="mw-cite-backlink"><b><a href="#cite_ref-XHTML11_16-0">^</a></b></span> <span class="reference-text"><a href="#XHTML11">XHTML 1.1</a> §A</span> </li> <li id="cite_note-17"><span class="mw-cite-backlink"><b><a href="#cite_ref-17">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/standards/webdesign/htmlcss">"HTML &amp; CSS"</a>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 2013.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=HTML+%26+CSS&amp;rft.pub=W3C&amp;rft.date=2013&amp;rft_id=http%3A%2F%2Fwww.w3.org%2Fstandards%2Fwebdesign%2Fhtmlcss&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-18"><span class="mw-cite-backlink"><b><a href="#cite_ref-18">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS2/sample.html">"Appendix D. Default style sheet for HTML 4"</a>. <i>Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</i>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 7 June 2011.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=Cascading+Style+Sheets+Level+2+Revision+1+%28CSS+2.1%29+Specification&amp;rft.atitle=Appendix+D.+Default+style+sheet+for+HTML+4&amp;rft.date=2011-06-07&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2FCSS2%2Fsample.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-HTML401-141-19"><span class="mw-cite-backlink"><b><a href="#cite_ref-HTML401-141_19-0">^</a></b></span> <span class="reference-text"><a href="#HTML401">HTML 4.01</a> §14.1</span> </li> <li id="cite_note-SVG11-23-20"><span class="mw-cite-backlink"><b><a href="#cite_ref-SVG11-23_20-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFFerraioloFujisawaJackson2003" class="citation web cs1">Ferraiolo, J.; Fujisawa, J.; Jackson, D., eds. (2003-01-14). <a rel="nofollow" class="external text" href="http://www.w3.org/TR/2003/REC-SVG11-20030114/">"§2.3 Options for using SVG in Web pages"</a>. <i>Scalable Vector Graphics (SVG) 1.1 Specification</i>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2009-03-25</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=Scalable+Vector+Graphics+%28SVG%29+1.1+Specification&amp;rft.atitle=%C2%A72.3+Options+for+using+SVG+in+Web+pages&amp;rft.date=2003-01-14&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2F2003%2FREC-SVG11-20030114%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-21"><span class="mw-cite-backlink"><b><a href="#cite_ref-21">^</a></b></span> <span class="reference-text"><a href="#HTML401">HTML 4.01</a> §12.3</span> </li> <li id="cite_note-22"><span class="mw-cite-backlink"><b><a href="#cite_ref-22">^</a></b></span> <span class="reference-text"><a href="#HTML401">HTML 4.01</a> §14.3.2</span> </li> <li id="cite_note-23"><span class="mw-cite-backlink"><b><a href="#cite_ref-23">^</a></b></span> <span class="reference-text"><a href="#HTML401">HTML 4.01</a> §18</span> </li> <li id="cite_note-24"><span class="mw-cite-backlink"><b><a href="#cite_ref-24">^</a></b></span> <span class="reference-text"><a href="#CSS1">CSS</a> §1.1</span> </li> <li id="cite_note-W3C-5-DL-25"><span class="mw-cite-backlink"><b><a href="#cite_ref-W3C-5-DL_25-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/html5/grouping-content.html#the-dl-element">"4.4 Grouping content – HTML5"</a>. <i>HTML5: A vocabulary and associated APIs for HTML and XHTML – W3C Recommendation</i>. <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a>. 28 October 2014. §4.4.8 The dl element<span class="reference-accessdate">. Retrieved <span class="nowrap">16 August</span> 2015</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=HTML5%3A+A+vocabulary+and+associated+APIs+for+HTML+and+XHTML+%E2%80%93+W3C+Recommendation&amp;rft.atitle=4.4+Grouping+content+%E2%80%93+HTML5&amp;rft.pages=%C2%A74.4.8+The+dl+element&amp;rft.date=2014-10-28&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2Fhtml5%2Fgrouping-content.html%23the-dl-element&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-26"><span class="mw-cite-backlink"><b><a href="#cite_ref-26">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/html4/struct/lists.html#edef-DL">"Lists in HTML documents"</a>. <i>HTML 4.01 Specification – W3C Recommendation</i>. World Wide Web Consortium. 24 December 1999. §10.3 Definition lists: the DL, DT, and DD elements<span class="reference-accessdate">. Retrieved <span class="nowrap">2 May</span> 2015</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=HTML+4.01+Specification+%E2%80%93+W3C+Recommendation&amp;rft.atitle=Lists+in+HTML+documents&amp;rft.pages=%C2%A710.3+Definition+lists%3A+the+DL%2C+DT%2C+and+DD+elements&amp;rft.date=1999-12-24&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2Fhtml4%2Fstruct%2Flists.html%23edef-DL&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-27"><span class="mw-cite-backlink"><b><a href="#cite_ref-27">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/2011/WD-html5-20110405/grouping-content.html#the-dl-element">"HTML5: A Vocabulary and Associated APIs for HTML and XHTML, W3C Working Draft"</a>. <i><a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a></i>. 5 April 2011.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=W3C&amp;rft.atitle=HTML5%3A+A+Vocabulary+and+Associated+APIs+for+HTML+and+XHTML%2C+W3C+Working+Draft&amp;rft.date=2011-04-05&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2F2011%2FWD-html5-20110405%2Fgrouping-content.html%23the-dl-element&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span>.</span> </li> <li id="cite_note-28"><span class="mw-cite-backlink"><b><a href="#cite_ref-28">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation cs2"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/html401/struct/global.html#h-7.5.1"><i>HTML 4.01</i></a>, W3C<span class="reference-accessdate">, retrieved <span class="nowrap">2012-03-26</span></span></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=HTML+4.01&amp;rft.pub=W3C&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2Fhtml401%2Fstruct%2Fglobal.html%23h-7.5.1&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-29"><span class="mw-cite-backlink"><b><a href="#cite_ref-29">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFTittelBurmeister2005" class="citation book cs1">Tittel, Ed; Burmeister, Mary C. (2005). <span class="id-lock-registration" title="Free registration required"><a rel="nofollow" class="external text" href="https://archive.org/details/html4fordummies00titt_2/page/96/"><i>HTML 4 for dummies</i></a></span> (5th&#160;ed.). Hoboken, New Jersey: Wiley. p.&#160;96. <a href="/wiki/ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a>&#160;<a href="/wiki/Special:BookSources/978-0-7645-8917-1" title="Special:BookSources/978-0-7645-8917-1"><bdi>978-0-7645-8917-1</bdi></a><span class="reference-accessdate">. Retrieved <span class="nowrap">7 August</span> 2022</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=HTML+4+for+dummies&amp;rft.place=Hoboken%2C+New+Jersey&amp;rft.pages=96&amp;rft.edition=5th&amp;rft.pub=Wiley&amp;rft.date=2005&amp;rft.isbn=978-0-7645-8917-1&amp;rft.aulast=Tittel&amp;rft.aufirst=Ed&amp;rft.au=Burmeister%2C+Mary+C.&amp;rft_id=https%3A%2F%2Farchive.org%2Fdetails%2Fhtml4fordummies00titt_2%2Fpage%2F96%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-30"><span class="mw-cite-backlink"><b><a href="#cite_ref-30">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/Provider/ServerWriter.html">"ServerWriter -- /Provider"</a>. <i>W3C</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=W3C&amp;rft.atitle=ServerWriter+--+%2FProvider&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FProvider%2FServerWriter.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-31"><span class="mw-cite-backlink"><b><a href="#cite_ref-31">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/tr/html5/index.html#attributes-1">"HTML 5.2"</a>. <i>W3C</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=W3C&amp;rft.atitle=HTML+5.2&amp;rft_id=http%3A%2F%2Fwww.w3.org%2Ftr%2Fhtml5%2Findex.html%23attributes-1&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-32"><span class="mw-cite-backlink"><b><a href="#cite_ref-32">^</a></b></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://www.w3schools.com/tags/tag_acronym.asp">Acronym tag</a>, acronym.</span> </li> <li id="cite_note-html5-b-element-33"><span class="mw-cite-backlink"><b><a href="#cite_ref-html5-b-element_33-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation cs2"><a rel="nofollow" class="external text" href="https://developers.whatwg.org/text-level-semantics.html#the-b-element"><i>4.6 Text-level semantics — The b element</i></a>, Developers.whatwg.org<span class="reference-accessdate">, retrieved <span class="nowrap">2012-03-26</span></span></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=4.6+Text-level+semantics+%E2%80%94+The+b+element&amp;rft.pub=Developers.whatwg.org&amp;rft_id=http%3A%2F%2Fdevelopers.whatwg.org%2Ftext-level-semantics.html%23the-b-element&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-html5-i-element-34"><span class="mw-cite-backlink"><b><a href="#cite_ref-html5-i-element_34-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation cs2"><a rel="nofollow" class="external text" href="https://developers.whatwg.org/text-level-semantics.html#the-i-element"><i>4.6 Text-level semantics — The i element</i></a>, Developers.whatwg.org<span class="reference-accessdate">, retrieved <span class="nowrap">2012-03-26</span></span></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=4.6+Text-level+semantics+%E2%80%94+The+i+element&amp;rft.pub=Developers.whatwg.org&amp;rft_id=http%3A%2F%2Fdevelopers.whatwg.org%2Ftext-level-semantics.html%23the-i-element&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-html5-u-element-35"><span class="mw-cite-backlink"><b><a href="#cite_ref-html5-u-element_35-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation cs2"><a rel="nofollow" class="external text" href="https://developers.whatwg.org/text-level-semantics.html#the-u-element"><i>4.6 Text-level semantics — The u element</i></a>, Developers.whatwg.org<span class="reference-accessdate">, retrieved <span class="nowrap">2012-03-26</span></span></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=4.6+Text-level+semantics+%E2%80%94+The+u+element&amp;rft.pub=Developers.whatwg.org&amp;rft_id=http%3A%2F%2Fdevelopers.whatwg.org%2Ftext-level-semantics.html%23the-u-element&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-html5-small-element-36"><span class="mw-cite-backlink"><b><a href="#cite_ref-html5-small-element_36-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation cs2"><a rel="nofollow" class="external text" href="https://developers.whatwg.org/text-level-semantics.html#the-small-element"><i>4.6 Text-level semantics — The small element</i></a>, Developers.whatwg.org<span class="reference-accessdate">, retrieved <span class="nowrap">2012-03-26</span></span></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=4.6+Text-level+semantics+%E2%80%94+The+small+element&amp;rft.pub=Developers.whatwg.org&amp;rft_id=http%3A%2F%2Fdevelopers.whatwg.org%2Ftext-level-semantics.html%23the-small-element&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-html5-s-element-37"><span class="mw-cite-backlink"><b><a href="#cite_ref-html5-s-element_37-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation cs2"><a rel="nofollow" class="external text" href="https://developers.whatwg.org/text-level-semantics.html#the-s-element"><i>4.6 Text-level semantics — The s element</i></a>, Developers.whatwg.org<span class="reference-accessdate">, retrieved <span class="nowrap">2012-03-26</span></span></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=4.6+Text-level+semantics+%E2%80%94+The+s+element&amp;rft.pub=Developers.whatwg.org&amp;rft_id=http%3A%2F%2Fdevelopers.whatwg.org%2Ftext-level-semantics.html%23the-s-element&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-html5-tt-not-supported-38"><span class="mw-cite-backlink">^ <a href="#cite_ref-html5-tt-not-supported_38-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-html5-tt-not-supported_38-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation cs2"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/html5/obsolete.html#non-conforming-features"><i>11 Obsolete features — HTML5</i></a>, W3C<span class="reference-accessdate">, retrieved <span class="nowrap">2012-03-26</span></span></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=11+Obsolete+features+%E2%80%94+HTML5&amp;rft.pub=W3C&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2Fhtml5%2Fobsolete.html%23non-conforming-features&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-finalars-39"><span class="mw-cite-backlink"><b><a href="#cite_ref-finalars_39-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://arstechnica.com/information-technology/2014/10/html5-specification-finalized-squabbling-over-who-writes-the-specs-continues/">"HTML5 specification finalized, squabbling over specs continues"</a>. Ars Technica. 29 October 2014<span class="reference-accessdate">. Retrieved <span class="nowrap">29 October</span> 2014</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=HTML5+specification+finalized%2C+squabbling+over+specs+continues&amp;rft.pub=Ars+Technica&amp;rft.date=2014-10-29&amp;rft_id=https%3A%2F%2Farstechnica.com%2Finformation-technology%2F2014%2F10%2Fhtml5-specification-finalized-squabbling-over-who-writes-the-specs-continues%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-40"><span class="mw-cite-backlink"><b><a href="#cite_ref-40">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/html401/struct/text.html#h-9.2.1">"9.2.1 Phrase elements: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, and ACRONYM"</a>. <i>HTML 4.01 Specification</i>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 24 December 1999<span class="reference-accessdate">. Retrieved <span class="nowrap">26 July</span> 2018</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=HTML+4.01+Specification&amp;rft.atitle=9.2.1+Phrase+elements%3A+EM%2C+STRONG%2C+DFN%2C+CODE%2C+SAMP%2C+KBD%2C+VAR%2C+CITE%2C+ABBR%2C+and+ACRONYM&amp;rft.date=1999-12-24&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2Fhtml401%2Fstruct%2Ftext.html%23h-9.2.1&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-41"><span class="mw-cite-backlink"><b><a href="#cite_ref-41">^</a></b></span> <span class="reference-text"><a href="#HTML52"><i>HTML 5.2 W3C Recommendation</i></a>, at <a rel="nofollow" class="external text" href="https://www.w3.org/TR/html52/textlevel-semantics.html#the-cite-element">"§4.5.6. The cite element"</a>.</span> </li> <li id="cite_note-42"><span class="mw-cite-backlink"><b><a href="#cite_ref-42">^</a></b></span> <span class="reference-text"><a href="#WHATWGLS"><i>HTML Living Standard</i></a>, at <a rel="nofollow" class="external text" href="https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-cite-element">"§4.5.6 The cite element"</a>.</span> </li> <li id="cite_note-43"><span class="mw-cite-backlink"><b><a href="#cite_ref-43">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data">"&lt;data&gt;"</a>. <i>MDN Web Docs</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=MDN+Web+Docs&amp;rft.atitle=%26lt%3Bdata%26gt%3B&amp;rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FHTML%2FElement%2Fdata&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-44"><span class="mw-cite-backlink"><b><a href="#cite_ref-44">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.quackit.com/html/tags/html_rb_tag.cfm">"HTML &lt;rb&gt; Tag"</a>. <i>www.quackit.com</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=www.quackit.com&amp;rft.atitle=HTML+%26lt%3Brb%26gt%3B+Tag&amp;rft_id=http%3A%2F%2Fwww.quackit.com%2Fhtml%2Ftags%2Fhtml_rb_tag.cfm&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-45"><span class="mw-cite-backlink"><b><a href="#cite_ref-45">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rp">"&lt;rp&gt;: The Ruby Fallback Parenthesis element"</a>. <i>MDN Web Docs</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=MDN+Web+Docs&amp;rft.atitle=%26lt%3Brp%26gt%3B%3A+The+Ruby+Fallback+Parenthesis+element&amp;rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FHTML%2FElement%2Frp&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-46"><span class="mw-cite-backlink"><b><a href="#cite_ref-46">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rt">"&lt;rt&gt;: The Ruby Text element"</a>. <i>MDN Web Docs</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=MDN+Web+Docs&amp;rft.atitle=%26lt%3Brt%26gt%3B%3A+The+Ruby+Text+element&amp;rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FHTML%2FElement%2Frt&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-47"><span class="mw-cite-backlink"><b><a href="#cite_ref-47">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rtc">"&lt;rtc&gt;: The Ruby Text Container element"</a>. <i>MDN Web Docs</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=MDN+Web+Docs&amp;rft.atitle=%26lt%3Brtc%26gt%3B%3A+The+Ruby+Text+Container+element&amp;rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FHTML%2FElement%2Frtc&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-48"><span class="mw-cite-backlink"><b><a href="#cite_ref-48">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby">"&lt;ruby&gt;"</a>. <i>MDN Web Docs</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=MDN+Web+Docs&amp;rft.atitle=%26lt%3Bruby%26gt%3B&amp;rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FHTML%2FElement%2Fruby&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-49"><span class="mw-cite-backlink"><b><a href="#cite_ref-49">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template">"&lt;template&gt;"</a>. <i>MDN Web Docs</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=MDN+Web+Docs&amp;rft.atitle=%26lt%3Btemplate%26gt%3B&amp;rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FHTML%2FElement%2Ftemplate&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-50"><span class="mw-cite-backlink"><b><a href="#cite_ref-50">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time">"&lt;time&gt;"</a>. <i>MDN Web Docs</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=MDN+Web+Docs&amp;rft.atitle=%26lt%3Btime%26gt%3B&amp;rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FHTML%2FElement%2Ftime&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-51"><span class="mw-cite-backlink"><b><a href="#cite_ref-51">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr">"&lt;wbr&gt;"</a>. <i>MDN Web Docs</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=MDN+Web+Docs&amp;rft.atitle=%26lt%3Bwbr%26gt%3B&amp;rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FHTML%2FElement%2Fwbr&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-52"><span class="mw-cite-backlink"><b><a href="#cite_ref-52">^</a></b></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://webdesign.about.com/od/htmltags/p/bltags_embed.htm">Jennifer Kyrnin </a> <a rel="nofollow" class="external text" href="https://web.archive.org/web/20121102014318/http://webdesign.about.com/od/htmltags/p/bltags_embed.htm">Archived</a> 2012-11-02 at the <a href="/wiki/Wayback_Machine" title="Wayback Machine">Wayback Machine</a> <code class="nowrap" style="">&lt;embed&gt;</code></span> </li> <li id="cite_note-53"><span class="mw-cite-backlink"><b><a href="#cite_ref-53">^</a></b></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://www.w3schools.com/tags/tag_embed.asp">W3Schools</a> about <code class="nowrap" style="">&lt;embed&gt;</code></span> </li> <li id="cite_note-54"><span class="mw-cite-backlink"><b><a href="#cite_ref-54">^</a></b></span> <span class="reference-text">The alt attribute's text cannot be styled with markup; as a result, other methods of alternative text presentation, such as <a href="/wiki/Fahrner_Image_Replacement" class="mw-redirect" title="Fahrner Image Replacement">Fahrner Image Replacement</a>, have been devised to accommodate situations in which the coder wishes styled text to be displayed if images are disabled in a user's browser.</span> </li> <li id="cite_note-55"><span class="mw-cite-backlink"><b><a href="#cite_ref-55">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://msdn.microsoft.com/en-us/library/cc288472.aspx#access">"What's New in Internet Explorer 8 – Accessibility and ARIA"</a>. <i><a href="/wiki/Microsoft_Developer_Network" title="Microsoft Developer Network">MSDN</a></i>. Microsoft<span class="reference-accessdate">. Retrieved <span class="nowrap">2009-07-22</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=MSDN&amp;rft.atitle=What%27s+New+in+Internet+Explorer+8+%E2%80%93+Accessibility+and+ARIA&amp;rft_id=http%3A%2F%2Fmsdn.microsoft.com%2Fen-us%2Flibrary%2Fcc288472.aspx%23access&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-56"><span class="mw-cite-backlink"><b><a href="#cite_ref-56">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation cs2"><a rel="nofollow" class="external text" href="https://bugs.webkit.org/show_bug.cgi?id=5566"><i>Bug 5566 – ALT attribute value sometimes not displayed when image is missing</i></a>, Bugs.webkit.org<span class="reference-accessdate">, retrieved <span class="nowrap">2012-03-26</span></span></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=Bug+5566+%E2%80%93+ALT+attribute+value+sometimes+not+displayed+when+image+is+missing&amp;rft.pub=Bugs.webkit.org&amp;rft_id=https%3A%2F%2Fbugs.webkit.org%2Fshow_bug.cgi%3Fid%3D5566&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-57"><span class="mw-cite-backlink"><b><a href="#cite_ref-57">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation cs2"><a rel="nofollow" class="external text" href="http://1997.webhistory.org/www.lists/www-talk.1993q1/0182.html"><i>WWW-Talk Jan-Mar 1993: proposed new tag: IMG</i></a>, 1997.webhistory.org<span class="reference-accessdate">, retrieved <span class="nowrap">2012-03-26</span></span></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=WWW-Talk+Jan-Mar+1993%3A+proposed+new+tag%3A+IMG&amp;rft.pub=1997.webhistory.org&amp;rft_id=http%3A%2F%2F1997.webhistory.org%2Fwww.lists%2Fwww-talk.1993q1%2F0182.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-58"><span class="mw-cite-backlink"><b><a href="#cite_ref-58">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.washington.edu/doit/are-frames-accessible">"Are frames accessible?"</a>. <q>...frames do present additional usability challenges that are unique to users with disabilities, particularly those who use screen readers.</q></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Are+frames+accessible%3F&amp;rft_id=http%3A%2F%2Fwww.washington.edu%2Fdoit%2Fare-frames-accessible&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-60"><span class="mw-cite-backlink"><b><a href="#cite_ref-60">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/REC-html40/struct/objects.html">"Objects, Images, and Applets"</a>. W3C<span class="reference-accessdate">. Retrieved <span class="nowrap">2008-12-20</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Objects%2C+Images%2C+and+Applets&amp;rft.pub=W3C&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2FREC-html40%2Fstruct%2Fobjects.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-61"><span class="mw-cite-backlink"><b><a href="#cite_ref-61">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/html/wg/wiki/ChangeProposals/InstateLongdesc/Implementation">"InState Longdesc"</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2011-09-05</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=InState+Longdesc&amp;rft_id=http%3A%2F%2Fwww.w3.org%2Fhtml%2Fwg%2Fwiki%2FChangeProposals%2FInstateLongdesc%2FImplementation&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-62"><span class="mw-cite-backlink"><b><a href="#cite_ref-62">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.webaim.org/techniques/images/longdesc.php#longdesc">"Creating Accessible Images"</a>. WebAim<span class="reference-accessdate">. Retrieved <span class="nowrap">2008-12-20</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Creating+Accessible+Images&amp;rft.pub=WebAim&amp;rft_id=http%3A%2F%2Fwww.webaim.org%2Ftechniques%2Fimages%2Flongdesc.php%23longdesc&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-63"><span class="mw-cite-backlink"><b><a href="#cite_ref-63">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation cs2"><a rel="nofollow" class="external text" href="https://wiki.whatwg.org/wiki/Longdesc_usage"><i>Longdesc usage - WHATWG Wiki</i></a>, Wiki.whatwg.org<span class="reference-accessdate">, retrieved <span class="nowrap">2012-03-26</span></span></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=Longdesc+usage+-+WHATWG+Wiki&amp;rft.pub=Wiki.whatwg.org&amp;rft_id=http%3A%2F%2Fwiki.whatwg.org%2Fwiki%2FLongdesc_usage&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-64"><span class="mw-cite-backlink"><b><a href="#cite_ref-64">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=13461">"Bug 13461 - Commentary on Issue #30 (longdesc) from the Association of American Publishers"</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2011-09-05</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Bug+13461+-+Commentary+on+Issue+%2330+%28longdesc%29+from+the+Association+of+American+Publishers&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FBugs%2FPublic%2Fshow_bug.cgi%3Fid%3D13461&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-WHATWG-deprecated-65"><span class="mw-cite-backlink">^ <a href="#cite_ref-WHATWG-deprecated_65-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-WHATWG-deprecated_65-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features">"Obsolete&#160;– Non-conforming features"</a>. <i>HTML Living Standard</i>. <a href="/wiki/WHATWG" title="WHATWG">WHATWG</a>. July 22, 2022<span class="reference-accessdate">. Retrieved <span class="nowrap">August 7,</span> 2022</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=HTML+Living+Standard&amp;rft.atitle=Obsolete+%E2%80%93+Non-conforming+features&amp;rft.date=2022-07-22&amp;rft_id=https%3A%2F%2Fhtml.spec.whatwg.org%2Fmultipage%2Fobsolete.html%23non-conforming-features&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-66"><span class="mw-cite-backlink"><b><a href="#cite_ref-66">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp">"&lt;xmp&gt;"</a>. <i>MDN Web Docs</i>. 24 February 2023.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=MDN+Web+Docs&amp;rft.atitle=%26lt%3Bxmp%26gt%3B&amp;rft.date=2023-02-24&amp;rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FHTML%2FElement%2Fxmp&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-WCAG-67"><span class="mw-cite-backlink">^ <a href="#cite_ref-WCAG_67-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-WCAG_67-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFChisholmVanderheidenJacobs1999" class="citation web cs1">Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (1999-05-05). <a rel="nofollow" class="external text" href="http://www.w3.org/TR/WCAG10/">"Web Content Accessibility Guidelines 1.0"</a>. World Wide Web Consortium<span class="reference-accessdate">. Retrieved <span class="nowrap">2010-07-20</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Web+Content+Accessibility+Guidelines+1.0&amp;rft.pub=World+Wide+Web+Consortium&amp;rft.date=1999-05-05&amp;rft.aulast=Chisholm&amp;rft.aufirst=Wendy&amp;rft.au=Vanderheiden%2C+Gregg&amp;rft.au=Jacobs%2C+Ian&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2FWCAG10%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> <li id="cite_note-68"><span class="mw-cite-backlink"><b><a href="#cite_ref-68">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://html.spec.whatwg.org/multipage/syntax.html#comments">"HTML standard"</a>. <i>html.spec.whatwg.org</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=html.spec.whatwg.org&amp;rft.atitle=HTML+standard&amp;rft_id=https%3A%2F%2Fhtml.spec.whatwg.org%2Fmultipage%2Fsyntax.html%23comments&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></span> </li> </ol></div> <div class="mw-heading mw-heading2"><h2 id="Bibliography">Bibliography</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=41" title="Edit section: Bibliography"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1239549316">.mw-parser-output .refbegin{margin-bottom:0.5em}.mw-parser-output .refbegin-hanging-indents>ul{margin-left:0}.mw-parser-output .refbegin-hanging-indents>ul>li{margin-left:0;padding-left:3.2em;text-indent:-3.2em}.mw-parser-output .refbegin-hanging-indents ul,.mw-parser-output .refbegin-hanging-indents ul li{list-style:none}@media(max-width:720px){.mw-parser-output .refbegin-hanging-indents>ul>li{padding-left:1.6em;text-indent:-1.6em}}.mw-parser-output .refbegin-columns{margin-top:0.3em}.mw-parser-output .refbegin-columns ul{margin-top:0}.mw-parser-output .refbegin-columns li{page-break-inside:avoid;break-inside:avoid-column}@media screen{.mw-parser-output .refbegin{font-size:90%}}</style><div class="refbegin" style=""> <div class="mw-heading mw-heading3"><h3 id="HTML_standards">HTML standards</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=42" title="Edit section: HTML standards"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <dl><dt><span id="HTML20">HTML 2.0&#58;</span></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFBerners-LeeConnolly1995" class="citation cs1"><a href="/wiki/Tim_Berners-Lee" title="Tim Berners-Lee">Berners-Lee, Tim</a>; <a href="/wiki/Dan_Connolly_(computer_scientist)" title="Dan Connolly (computer scientist)">Connolly, Dan</a> (November 1995). <a rel="nofollow" class="external text" href="https://datatracker.ietf.org/doc/html/rfc1866"><i>Hypertext Markup Language - 2.0 (RFC 1866)</i></a>. <a href="/wiki/IETF" class="mw-redirect" title="IETF">IETF</a>. <a href="/wiki/Doi_(identifier)" class="mw-redirect" title="Doi (identifier)">doi</a>:<span class="id-lock-free" title="Freely accessible"><a rel="nofollow" class="external text" href="https://doi.org/10.17487%2FRFC1866">10.17487/RFC1866</a></span>. <a href="/wiki/Request_for_Comments" title="Request for Comments">RFC</a> <a rel="nofollow" class="external text" href="https://datatracker.ietf.org/doc/html/rfc1866">1866</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2009-03-24</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=Hypertext+Markup+Language+-+2.0+%28&#82;FC+1866%29&amp;rft.pub=IETF&amp;rft.date=1995-11&amp;rft_id=info%3Adoi%2F10.17487%2F&#82;FC1866&amp;rft.aulast=Berners-Lee&amp;rft.aufirst=Tim&amp;rft.au=Connolly%2C+Dan&amp;rft_id=https%3A%2F%2Fdatatracker.ietf.org%2Fdoc%2Fhtml%2Frfc1866&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></dd> <dt><span id="HTML32">HTML 3.2&#58;</span></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFRaggett1997" class="citation web cs1"><a href="/wiki/Dave_Raggett" title="Dave Raggett">Raggett, Dave</a> (1997-01-14). <a rel="nofollow" class="external text" href="http://www.w3.org/TR/REC-html32-19970114">"HTML 3.2 Reference Specification"</a>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2009-03-27</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=HTML+3.2+Reference+Specification&amp;rft.pub=W3C&amp;rft.date=1997-01-14&amp;rft.aulast=Raggett&amp;rft.aufirst=Dave&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2FREC-html32-19970114&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></dd> <dt><span id="HTML401">HTML 4.01&#58;</span></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFRaggettLe_HorsJacobs1999" class="citation web cs1"><a href="/wiki/Dave_Raggett" title="Dave Raggett">Raggett, Dave</a>; Le Hors, Arnaud; Jacobs, Ian (1999-12-24). <a rel="nofollow" class="external text" href="https://www.w3.org/TR/html4/">"HTML 4.01 Specification"</a>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2009-03-24</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=HTML+4.01+Specification&amp;rft.pub=W3C&amp;rft.date=1999-12-24&amp;rft.aulast=Raggett&amp;rft.aufirst=Dave&amp;rft.au=Le+Hors%2C+Arnaud&amp;rft.au=Jacobs%2C+Ian&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2Fhtml4%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span> (HTML 4.01 superseded <a rel="nofollow" class="external text" href="https://www.w3.org/TR/1998/REC-html40-19980424/">4.0</a> (1998), which was never widely implemented, and all earlier versions. Superseded in turn on 2018-03-27 by <a href="#HTML52">HTML 5.2</a>).</dd> <dt><span id="XHTML10">XHTML 1.0&#58;</span></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/xhtml1/">"XHTML 1.0: The Extensible HyperText Markup Language (Second Edition)"</a>. Revised version. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 2002-08-01 [2000]<span class="reference-accessdate">. Retrieved <span class="nowrap">2009-03-24</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=XHTML+1.0%3A+The+Extensible+HyperText+Markup+Language+%28Second+Edition%29&amp;rft.series=Revised+version&amp;rft.pub=W3C&amp;rft.date=2002-08-01&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2Fxhtml1%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></dd> <dt><span id="XHTML11">XHTML 1.1&#58;</span></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFAltheimMcCarronIshikawa2010" class="citation web cs1">Altheim, Murray; McCarron, Shane; Ishikawa, Masayasu, eds. (2010-11-23) [2001]. <a rel="nofollow" class="external text" href="https://www.w3.org/TR/xhtml11/">"XHTML 1.1 - Module-based XHTML - Second Edition"</a>. Revised version. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2018-07-26</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=XHTML+1.1+-+Module-based+XHTML+-+Second+Edition&amp;rft.series=Revised+version&amp;rft.pub=W3C&amp;rft.date=2010-11-23&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2Fxhtml11%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span> <i>(Superseded on 2018-03-27 by HTML 5.2.)</i></dd> <dd><span id="XHTML11m"></span><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFAustinPeruvembaMcCarronIshikawa2010" class="citation web cs1">Austin, Daniel; Peruvemba, Subramanian; McCarron, Shane; Ishikawa, Masayasu; Birbeck, Mark; Altheim, Murray; Boumphrey, Frank; Dooley, Sam; Schnitzenbaumer, Sebastian; Wugofski, Ted, eds. (2010-07-29) [2006]. <a rel="nofollow" class="external text" href="https://www.w3.org/TR/xhtml-modularization/">"XHTML Modularization 1.1 - Second Edition"</a>. Revised version. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2018-07-26</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=XHTML+Modularization+1.1+-+Second+Edition&amp;rft.series=Revised+version&amp;rft.pub=W3C&amp;rft.date=2010-07-29&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2Fxhtml-modularization%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span> <i>(A more detailed version of the above. Also superseded on 2018-03-27 by <a href="#HTML52">HTML 5.2</a>.)</i></dd> <dt><span id="HTML52">W3C HTML 5.2&#58;</span></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFFaulknerEicholzLeitheadDanilo2017" class="citation web cs1">Faulkner, Steve; Eicholz, Arron; Leithead, Travis; Danilo, Alex; Moon, Sangwhan; Doyle Navara, Erika; O'Connor, Theresa; Berjon, Robin, eds. (2017-12-14) [2016]. <a rel="nofollow" class="external text" href="https://www.w3.org/TR/html52/">"HTML 5.2 W3C Recommendation"</a>. Revised version. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2018-07-26</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=HTML+5.2+W3C+Recommendation&amp;rft.series=Revised+version&amp;rft.pub=W3C&amp;rft.date=2017-12-14&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2Fhtml52%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span> <i>Supersedes all previous versions of HTML and XHTML, including <a rel="nofollow" class="external text" href="https://www.w3.org/TR/html51/">HTML 5.1</a>.</i></dd> <dt><span id="WHATWGLS">WHATWG HTML5 Living Standard&#58;</span></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFHickson2018" class="citation web cs1"><a href="/wiki/Ian_Hickson" title="Ian Hickson">Hickson, Ian</a>, ed. (2018-07-25). <a rel="nofollow" class="external text" href="https://html.spec.whatwg.org/">"HTML Living Standard"</a>. One-page Version. <a href="/wiki/WHATWG" title="WHATWG">WHATWG</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2018-07-26</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=HTML+Living+Standard&amp;rft.series=One-page+Version&amp;rft.pub=WHATWG&amp;rft.date=2018-07-25&amp;rft_id=https%3A%2F%2Fhtml.spec.whatwg.org%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span> <i>Also available as a <a rel="nofollow" class="external text" href="https://html.spec.whatwg.org/multipage/">Multipage Version</a>, and <a rel="nofollow" class="external text" href="https://html.spec.whatwg.org/dev/">Developer's Edition</a> (also multi-page, with a search function and other gadgets, and minus details only of interest to browser vendors).</i></dd></dl> <div class="mw-heading mw-heading3"><h3 id="Other_sources">Other sources</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=43" title="Edit section: Other sources"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <dl><dt><i><span id="HTMLTAGS">HTML Tags&#58;</span></i></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFBerners-Lee1992" class="citation web cs1"><a href="/wiki/Tim_Berners-Lee" title="Tim Berners-Lee">Berners-Lee, Tim</a> (1992-11-03). <a rel="nofollow" class="external text" href="http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html">"HTML Tags"</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2009-03-28</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=HTML+Tags&amp;rft.date=1992-11-03&amp;rft.aulast=Berners-Lee&amp;rft.aufirst=Tim&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FHistory%2F19921103-hypertext%2Fhypertext%2FWWW%2FMarkUp%2FTags.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span> <i>(Part of the first published description of HTML.)</i></dd> <dt><i><span id="HTMLDRAFT12">HTML Internet Draft 1.2&#58;</span></i></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFBerners-LeeConnolly1993" class="citation web cs1"><a href="/wiki/Tim_Berners-Lee" title="Tim Berners-Lee">Berners-Lee, Tim</a>; <a href="/wiki/Dan_Connolly_(computer_scientist)" title="Dan Connolly (computer scientist)">Connolly, Dan</a> (June 1993). <a rel="nofollow" class="external text" href="http://www.w3.org/MarkUp/draft-ietf-iiir-html-01.txt">"Hypertext Markup Language (HTML)"</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2009-03-28</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Hypertext+Markup+Language+%28HTML%29&amp;rft.date=1993-06&amp;rft.aulast=Berners-Lee&amp;rft.aufirst=Tim&amp;rft.au=Connolly%2C+Dan&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FMarkUp%2Fdraft-ietf-iiir-html-01.txt&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></dd> <dt><i><span id="HTML30">HTML 3.0 Drafts&#58;</span></i></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFRaggett1995" class="citation web cs1"><a href="/wiki/Dave_Raggett" title="Dave Raggett">Raggett, Dave</a> (1995-03-24). <a rel="nofollow" class="external text" href="http://www.w3.org/MarkUp/html3/CoverPage.html">"HyperText Markup Language Specification Version 3.0 (draft)"</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2009-04-18</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=HyperText+Markup+Language+Specification+Version+3.0+%28draft%29&amp;rft.date=1995-03-24&amp;rft.aulast=Raggett&amp;rft.aufirst=Dave&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FMarkUp%2Fhtml3%2FCoverPage.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span> <i>(This is the final draft of HTML 3.0, which expired without being developed further.)</i></dd> <dt><i><span id="HTMLTABLES">HTML Tables&#58;</span></i></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFRaggett1996" class="citation cs1">Raggett, Dave (May 1996). <a rel="nofollow" class="external text" href="https://datatracker.ietf.org/doc/html/rfc1942"><i>HTML Tables (RFC 1942)</i></a>. <a href="/wiki/IETF" class="mw-redirect" title="IETF">IETF</a>. <a href="/wiki/Doi_(identifier)" class="mw-redirect" title="Doi (identifier)">doi</a>:<span class="id-lock-free" title="Freely accessible"><a rel="nofollow" class="external text" href="https://doi.org/10.17487%2FRFC1942">10.17487/RFC1942</a></span>. <a href="/wiki/Request_for_Comments" title="Request for Comments">RFC</a> <a rel="nofollow" class="external text" href="https://datatracker.ietf.org/doc/html/rfc1942">1942</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2009-03-22</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=HTML+Tables+%28&#82;FC+1942%29&amp;rft.pub=IETF&amp;rft.date=1996-05&amp;rft_id=info%3Adoi%2F10.17487%2F&#82;FC1942&amp;rft.aulast=Raggett&amp;rft.aufirst=Dave&amp;rft_id=https%3A%2F%2Fdatatracker.ietf.org%2Fdoc%2Fhtml%2Frfc1942&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></dd> <dt><span id="XML10">XML 1.0&#58;</span></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFBrayPaoliSperberg-McQueenMaler2008" class="citation web cs1"><a href="/wiki/Tim_Bray" title="Tim Bray">Bray, Tim</a>; <a href="/wiki/Jean_Paoli" title="Jean Paoli">Paoli, Jean</a>; <a href="/wiki/Michael_Sperberg-McQueen" title="Michael Sperberg-McQueen">Sperberg-McQueen, C. Michael</a>; Maler, Eve; Yergeau, François, eds. (2008-11-26). <a rel="nofollow" class="external text" href="http://www.w3.org/TR/xml/">"Extensible Markup Language (XML) 1.0 (Fifth Edition)"</a>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2009-03-20</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Extensible+Markup+Language+%28XML%29+1.0+%28Fifth+Edition%29&amp;rft.pub=W3C&amp;rft.date=2008-11-26&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2Fxml%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></dd> <dt><span id="CSS1">CSS 1&#58;</span></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFLieBos2008" class="citation web cs1"><a href="/wiki/H%C3%A5kon_Wium_Lie" title="Håkon Wium Lie">Lie, Håkon Wium</a>; <a href="/wiki/Bert_Bos" title="Bert Bos">Bos, Bert</a> (2008-04-11) [1996]. <a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS1/">"Cascading Style Sheets, Level 1"</a>. Revised version. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2018-07-26</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Cascading+Style+Sheets%2C+Level+1&amp;rft.series=Revised+version&amp;rft.pub=W3C&amp;rft.date=2008-04-11&amp;rft.aulast=Lie&amp;rft.aufirst=H%C3%A5kon+Wium&amp;rft.au=Bos%2C+Bert&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2FCSS1%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></dd> <dt><span id="CSS2.1">CSS 2.1&#58;</span></dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFBosÇelikHicksonLie2016" class="citation web cs1"><a href="/wiki/Bert_Bos" title="Bert Bos">Bos, Bert</a>; <a href="/wiki/Tantek_%C3%87elik" title="Tantek Çelik">Çelik, Tantek</a>; <a href="/wiki/Ian_Hickson" title="Ian Hickson">Hickson, Ian</a>; <a href="/wiki/H%C3%A5kon_Wium_Lie" title="Håkon Wium Lie">Lie, Håkon Wium</a> (12 April 2016) [2011]. <a rel="nofollow" class="external text" href="https://www.w3.org/TR/CSS2/">"Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification"</a>. Revised version. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a><span class="reference-accessdate">. Retrieved <span class="nowrap">2018-07-26</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Cascading+Style+Sheets+Level+2+Revision+1+%28CSS+2.1%29+Specification&amp;rft.series=Revised+version&amp;rft.pub=W3C&amp;rft.date=2016-04-12&amp;rft.aulast=Bos&amp;rft.aufirst=Bert&amp;rft.au=%C3%87elik%2C+Tantek&amp;rft.au=Hickson%2C+Ian&amp;rft.au=Lie%2C+H%C3%A5kon+Wium&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2FCSS2%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span></dd> <dt>CSS 3 and 4&#58;</dt> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFAtkinsEternadRivoal2017" class="citation web cs1">Atkins, Tab Jr.; Eternad, Elika J.; Rivoal, Florian (31 January 2017). <a rel="nofollow" class="external text" href="https://www.w3.org/TR/CSS/#css">"CSS Snapshot 2017"</a>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. §2. Cascading Style Sheets (CSS) – The Official Definition<span class="reference-accessdate">. Retrieved <span class="nowrap">2018-07-26</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=CSS+Snapshot+2017&amp;rft.pages=%C2%A72.+Cascading+Style+Sheets+%28CSS%29+-+The+Official+Definition&amp;rft.pub=W3C&amp;rft.date=2017-01-31&amp;rft.aulast=Atkins&amp;rft.aufirst=Tab+Jr.&amp;rft.au=Eternad%2C+Elika+J.&amp;rft.au=Rivoal%2C+Florian&amp;rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2FCSS%2F%23css&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span> <i>(List of active specifications that have superseded CSS 2.1, as of the publication date.)</i></dd> <dd><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.w3.org/standards/techs/css#w3c_all">"CSS Current Status"</a>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 2018<span class="reference-accessdate">. Retrieved <span class="nowrap">2018-07-26</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=CSS+Current+Status&amp;rft.pub=W3C&amp;rft.date=2018&amp;rft_id=https%3A%2F%2Fwww.w3.org%2Fstandards%2Ftechs%2Fcss%23w3c_all&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+element" class="Z3988"></span> <i>(CSS levels 3 and 4 are developed as independent modules, indexed at that page.)</i></dd></dl> </div> <div class="mw-heading mw-heading2"><h2 id="External_links">External links</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML_element&amp;action=edit&amp;section=44" title="Edit section: External links"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1235681985">.mw-parser-output .side-box{margin:4px 0;box-sizing:border-box;border:1px solid #aaa;font-size:88%;line-height:1.25em;background-color:var(--background-color-interactive-subtle,#f8f9fa);display:flow-root}.mw-parser-output .side-box-abovebelow,.mw-parser-output .side-box-text{padding:0.25em 0.9em}.mw-parser-output .side-box-image{padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .side-box-imageright{padding:2px 0.9em 2px 0;text-align:center}@media(min-width:500px){.mw-parser-output .side-box-flex{display:flex;align-items:center}.mw-parser-output .side-box-text{flex:1;min-width:0}}@media(min-width:720px){.mw-parser-output .side-box{width:238px}.mw-parser-output .side-box-right{clear:right;float:right;margin-left:1em}.mw-parser-output .side-box-left{margin-right:1em}}</style><style data-mw-deduplicate="TemplateStyles:r1237033735">@media print{body.ns-0 .mw-parser-output .sistersitebox{display:none!important}}@media screen{html.skin-theme-clientpref-night .mw-parser-output .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"]{background-color:white}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"]{background-color:white}}</style><div class="side-box side-box-right plainlinks sistersitebox"><style data-mw-deduplicate="TemplateStyles:r1126788409">.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}</style> <div class="side-box-flex"> <div class="side-box-image"><span class="noviewer" typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikibooks-logo-en-noslogan.svg/40px-Wikibooks-logo-en-noslogan.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikibooks-logo-en-noslogan.svg/60px-Wikibooks-logo-en-noslogan.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikibooks-logo-en-noslogan.svg/80px-Wikibooks-logo-en-noslogan.svg.png 2x" data-file-width="400" data-file-height="400" /></span></span></div> <div class="side-box-text plainlist">The Wikibook <i><a href="https://en.wikibooks.org/wiki/HyperText_Markup_Language" class="extiw" title="wikibooks:HyperText Markup Language">HyperText Markup Language</a></i> has a page on the topic of: <i><b><a href="https://en.wikibooks.org/wiki/HyperText_Markup_Language/Tag_List" class="extiw" title="wikibooks:HyperText Markup Language/Tag List">all elements in HTML</a></b></i></div></div> </div> <ul><li>HTML 4.01 (Dec 24, 1999): <a rel="nofollow" class="external text" href="http://www.w3.org/TR/html401/index/elements.html">elements</a> and <a rel="nofollow" class="external text" href="http://www.w3.org/TR/html401/index/attributes.html">attributes</a></li> <li><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238216509"><span class="vanchor"><span id="HTML5"></span><span class="vanchor-text">HTML5</span></span> (Oct 28, 2014): <a rel="nofollow" class="external text" href="http://www.w3.org/TR/html5/index.html">elements and attributes</a></li></ul> <!-- NewPP limit report Parsed by mw‐api‐ext.codfw.main‐7556f8b5dd‐q726x Cached time: 20241122141851 Cache expiry: 2592000 Reduced expiry: false Complications: [vary‐revision‐sha1, show‐toc] CPU time usage: 1.612 seconds Real time usage: 1.901 seconds Preprocessor visited node count: 34807/1000000 Post‐expand include size: 309116/2097152 bytes Template argument size: 111536/2097152 bytes Highest expansion depth: 17/100 Expensive parser function count: 107/500 Unstrip recursion depth: 1/20 Unstrip post‐expand size: 260317/5000000 bytes Lua time usage: 0.734/10.000 seconds Lua memory usage: 18862008/52428800 bytes Number of Wikibase entities loaded: 0/400 --> <!-- Transclusion expansion time report (%,ms,calls,template) 100.00% 1576.955 1 -total 26.34% 415.328 287 Template:Defn 18.18% 286.698 157 Template:Term 17.05% 268.928 51 Template:Cite_web 6.26% 98.781 1 Template:Lang 5.49% 86.543 1 Template:Short_description 5.45% 85.874 1 Template:Html_series 5.22% 82.343 1 Template:Sidebar 4.27% 67.398 152 Template:Tag 4.01% 63.220 70 Template:Code --> <!-- Saved in parser cache with key enwiki:pcache:idhash:274393-0!canonical and timestamp 20241122141851 and revision id 1258585445. Rendering was triggered because: unknown --> </div><!--esi <esi:include src="/esitest-fa8a495983347898/content" /> --><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=HTML_element&amp;oldid=1258585445">https://en.wikipedia.org/w/index.php?title=HTML_element&amp;oldid=1258585445</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Help:Category" title="Help:Category">Categories</a>: <ul><li><a href="/wiki/Category:HTML_tags" title="Category:HTML tags">HTML tags</a></li><li><a href="/wiki/Category:Web_1.0" title="Category:Web 1.0">Web 1.0</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden categories: <ul><li><a href="/wiki/Category:Webarchive_template_wayback_links" title="Category:Webarchive template wayback links">Webarchive template wayback links</a></li><li><a href="/wiki/Category:Articles_with_short_description" title="Category:Articles with short description">Articles with short description</a></li><li><a href="/wiki/Category:Short_description_matches_Wikidata" title="Category:Short description matches Wikidata">Short description matches Wikidata</a></li><li><a href="/wiki/Category:Use_American_English_from_March_2018" title="Category:Use American English from March 2018">Use American English from March 2018</a></li><li><a href="/wiki/Category:All_Wikipedia_articles_written_in_American_English" title="Category:All Wikipedia articles written in American English">All Wikipedia articles written in American English</a></li><li><a href="/wiki/Category:All_Wikipedia_articles_needing_clarification" title="Category:All Wikipedia articles needing clarification">All Wikipedia articles needing clarification</a></li><li><a href="/wiki/Category:Wikipedia_articles_needing_clarification_from_February_2019" title="Category:Wikipedia articles needing clarification from February 2019">Wikipedia articles needing clarification from February 2019</a></li><li><a href="/wiki/Category:All_articles_with_specifically_marked_weasel-worded_phrases" title="Category:All articles with specifically marked weasel-worded phrases">All articles with specifically marked weasel-worded phrases</a></li><li><a href="/wiki/Category:Articles_with_specifically_marked_weasel-worded_phrases_from_August_2022" title="Category:Articles with specifically marked weasel-worded phrases from August 2022">Articles with specifically marked weasel-worded phrases from August 2022</a></li><li><a href="/wiki/Category:All_articles_with_unsourced_statements" title="Category:All articles with unsourced statements">All articles with unsourced statements</a></li><li><a href="/wiki/Category:Articles_with_unsourced_statements_from_August_2022" title="Category:Articles with unsourced statements from August 2022">Articles with unsourced statements from August 2022</a></li><li><a href="/wiki/Category:Articles_with_unsourced_statements_from_September_2023" title="Category:Articles with unsourced statements from September 2023">Articles with unsourced statements from September 2023</a></li><li><a href="/wiki/Category:All_articles_with_vague_or_ambiguous_time" title="Category:All articles with vague or ambiguous time">All articles with vague or ambiguous time</a></li><li><a href="/wiki/Category:Vague_or_ambiguous_time_from_September_2023" title="Category:Vague or ambiguous time from September 2023">Vague or ambiguous time from September 2023</a></li><li><a href="/wiki/Category:Wikipedia_articles_in_need_of_updating_from_July_2023" title="Category:Wikipedia articles in need of updating from July 2023">Wikipedia articles in need of updating from July 2023</a></li><li><a href="/wiki/Category:All_Wikipedia_articles_in_need_of_updating" title="Category:All Wikipedia articles in need of updating">All Wikipedia articles in need of updating</a></li><li><a href="/wiki/Category:Articles_containing_Latin-language_text" title="Category:Articles containing Latin-language text">Articles containing Latin-language text</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 20 November 2024, at 14:35<span class="anonymous-show">&#160;(UTC)</span>.</li> <li id="footer-info-copyright">Text is available under the <a href="/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License" title="Wikipedia:Text of the Creative Commons Attribution-ShareAlike 4.0 International License">Creative Commons Attribution-ShareAlike 4.0 License</a>; additional terms may apply. By using this site, you agree to the <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use" class="extiw" title="foundation:Special:MyLanguage/Policy:Terms of Use">Terms of Use</a> and <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy" class="extiw" title="foundation:Special:MyLanguage/Policy:Privacy policy">Privacy Policy</a>. Wikipedia® is a registered trademark of the <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, a non-profit organization.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:About">About Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:General_disclaimer">Disclaimers</a></li> <li id="footer-places-contact"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us">Contact Wikipedia</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/en.wikipedia.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//en.m.wikipedia.org/w/index.php?title=HTML_element&amp;mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-f69cdc8f6-rmdbt","wgBackendResponseTime":230,"wgPageParseReport":{"limitreport":{"cputime":"1.612","walltime":"1.901","ppvisitednodes":{"value":34807,"limit":1000000},"postexpandincludesize":{"value":309116,"limit":2097152},"templateargumentsize":{"value":111536,"limit":2097152},"expansiondepth":{"value":17,"limit":100},"expensivefunctioncount":{"value":107,"limit":500},"unstrip-depth":{"value":1,"limit":20},"unstrip-size":{"value":260317,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 1576.955 1 -total"," 26.34% 415.328 287 Template:Defn"," 18.18% 286.698 157 Template:Term"," 17.05% 268.928 51 Template:Cite_web"," 6.26% 98.781 1 Template:Lang"," 5.49% 86.543 1 Template:Short_description"," 5.45% 85.874 1 Template:Html_series"," 5.22% 82.343 1 Template:Sidebar"," 4.27% 67.398 152 Template:Tag"," 4.01% 63.220 70 Template:Code"]},"scribunto":{"limitreport-timeusage":{"value":"0.734","limit":"10.000"},"limitreport-memusage":{"value":18862008,"limit":52428800}},"cachereport":{"origin":"mw-api-ext.codfw.main-7556f8b5dd-q726x","timestamp":"20241122141851","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"HTML element","url":"https:\/\/en.wikipedia.org\/wiki\/HTML_element","sameAs":"http:\/\/www.wikidata.org\/entity\/Q179551","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q179551","author":{"@type":"Organization","name":"Contributors to Wikimedia projects"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2003-07-21T15:17:56Z","dateModified":"2024-11-20T14:35:50Z","headline":"individual component of an HTML document"}</script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10