HTML5 Interactive Elements
This is an area of HTML5 that is not standardized, and these tags are considered experimental. They are currently part of the WHATWG HTML5 living standard, but are not part of the W3C HTML5 specification. However, most are part of the W3C’s draft specification. At this point, support for them is spotty; none of these tags are supported by all browsers.
I put this section at the end of the article, because if people don’t read this far, they won’t miss much. Unless you’re an early adopter, skipping this section is not the worst idea in the world.
It is only supported by recent WebKit browsers (Chrome, Opera, and Safari), and is not supported by Firefox or Internet Explorer at all.
- Whether the dialog box is showing (open) or hidden (closed). This is a Boolean attribute, so its value should be
open, and the dialog will be showing if it is present.
- This tag represents a list of commands for a context menu.
<menu>tag was actually deprecated in HTML 4.01, and no browser ever supported it. (The HTML 4.01 spec says itwas designed to be used for single column menu lists,and that browsers should render it as an unordered list.) It is in the process of being revived and redefined. Right now, the only browser that supports it is Firefox, and it provides only limited support.
- This attribute defines the type of menu that is used. It can have one of two values:
- If this value is specified, then the menu will be a popup menu that is activated by some other element. The other element could be a
menuattribute, or some other interactive element with a
contextmenuattribute. The ID of the
<menu>would be the value of the other tag’s
This value used to be called
contextin earlier versions of the WHATWG living standard, and as of this writing, Fireforx supports only
- If this value is specified, then the menu will be a toolbar. This is simply a list of commands for user interaction, similar to a list whose
<a>elements (which I would use instead).
- This tag is supposed to represent an item in a context menu.
<menu>tag, this tag was deprecated in HTML 4.01 but is being revived, and is also unsupported by any browser except Firefox.
The content of the
<details>tag should start with a
<summary>tag. The user clicks the text in the
<summary>tag to show or hide the details. If there is no
<summary>tag, the browser should supply their own text (e.g. “Details…”).
This tag is only supported by recent Webkit-based browsers (so, not Firefox or Internet Explorer).
- Determines whether the details block should be shown. This is a Boolean attribute; if present, its value should be
open, and the details will be shown.
- This tag defines the summary text of a
<details>element. Clicking on the text will show or hide the contents of the
<details>tag, as explained above. It is also supported only in Webkit-based browsers.
<output>tag could hold the result. If you’re not producing dynamic content, and just quoting the command-line output of some program (like they do in computer textbooks), you should use the
This tag is not supported by any version of Internet Explorer.