HTML5 Elements Part 1

<!DOCTYPE HTML>
<html>
<head>
<title>HTML5 ELEMENTS PART 1</title>
<script>
function clicked(){
document.getElementById('test').innerText="Hello world";
}
</script>
</head>
<body>
<article>
<h4>Article</h4>
<p>The article element represents a component of a page that consists of a self-contained composition in a document, page, application, or site and that is intended to be independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.</p>
</article>
<aside style="font-size:x-large;font-style:oblique;float:center;">
<h4>Aside</h4>
<p>The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.</p><br/>
<p>Content within an aside tag should be stand-alone information that is related to the article in context.</p>
</aside>
<p>This text is written left to right. <bdi dir="rtl">And this would be right to left.</bdi></p>
<label id="test" />
<menu>
<command type="command" label="Click me" onclick="clicked()">Click here</command>
</menu>
<details open="open">
<summary>Details</summary>
<p>If your browser supports this element, it should allow you to expand and collapse these details.</p>
</details>

</body>
</html>