Inline Elements List and What’s New in HTML5

HTML5 is the next big thing for frontend Web development. Although it’s still under development and yet to be implemented in some browsers (most notably Internet Explorer) you can use some simple workarounds and HTML5 has gone to great lengths to maintain backward compatibility. With only a few tricks, you can implement HTML5 today while making sure it works with older browsers.

Types of HTML Elements

HTML includes a large number of elements, each with its own specific tag and use for structuring documents. Elements can generally be sorted into two categories:

HTML5 Inline Elements

Inline elements have no line breaks associated with the element.

Here is a complete list of inline-tag selectors that can by used to style the HTML document by using the power of CSS / CSS3

* will represent Inline Elements new in HTML5

SelectorHTML UseSelectorHTML Use
aAnchored LinklabelLabel for Form Element
abbrAbbreviationlegendTitle in Fieldset
addressA Physical AddresslinkResource Reference
areaArea in Image Mapmark*Marked Rext
audio*Sound Contentmeter*Measurement Range
bmBold textnav*Navigation Links
citeShort CitationoptgroupGroup of Form Options
codeCode TextoptionAn Option in a Drop-down List
delDeleted TextqShort Quote
details*Details of an ElementsmallSmall Print
dfnDefined TermselectSelectable List
command*Command Buttonsource*Media resource
datalist*Drop-down ListspanLocalized Style Formatting
emEmphasisstrongStrong Emphasis
fontFont AppearancesubSubscript
iItalicsummary*Details Header
iframeInline sub-windowsupSuperscript
imgImage EmbeddingtbodyTable Body
inputInput FieldtdTable Data
insInserted Texttime*Date/Time
kbdKeyboard TextvarVariable

2 thoughts

  1. I believe there is an error (typo) ‘bm’ instead of ‘b’.
    ‘bm’ is stated to be an inline-element (selector) for making text bold. I assume you are referring to the ‘b’ tag which is not listed. The ‘bm’. ‘bm’ could be a perfectly good candidate for a new tag, otherwise known as the ‘bum’ tag or ‘ass’ tag in some locales. Cheers! 🙂

Comments are closed.