<body> <header> <div id=”logo”>…</div> <nav role=”navigation”> <ul> <li><a href=”/”><span>Home</span></a></li> <li><a href=”/archives/”><span>Archives</span></a></li> <li><a href=”/about/”><span>About</span></a></li> <li><a href=”/contact/”><span>Contact</span></a></li> </ul> </nav> </header> <main role=”main”> <h1>…</h1> <p>…</p> <article> <header> <h2>…</h2> <p>…</p> </header> <p>…</p> <section> <h3>Comments</h3> <article> <header> <h3>…</h3> <p>…</p> </header> <p>…</p> </article> </section> </article> … </main> </body> </html> More Resources W3C Sections Recommendation (w3.org) Semantics in HTML5 (alistapart.com) HTML5
When a jumplink is used, it scrolls the browser window to a specific element on the page. You can link to any element with an id attribute. Placing a hashtag followed by the target elements ID at the end of a URL will cause the browser to scroll-to the top of the target element. Note:
HTML elements or tags are used to define the content and meaning of a HTML document. Elements represent things; that is, they have intrinsic meaning, also known as semantics. Normal Tags wrap around content using opening and closing tags. Ex: <div></div> Void or self-closing tags are expressed with a single tag. Ex: <br> HTML Element
The most basic function of a website is to present information in a hierarchical structure called the Outline. The Document Outline is created using the heading elements h1, h2, h3, h4, h5, and h6. Heading elements have a rank given by the number in their name. The h1 element has the highest rank, the h6
Even if there is no social media share widget on the page (and especially if there is) people may attempt to share the URL anyway, directly in Facebook, Twitter, Pinterest, Google+, etc. If we want direct shares to appear nicely on social sites, we need Social metadata tags.
A reference list of special characters and their corresponding HTML entity, hexadecimal, and decimal codes, as well as a brief description.
Caution: This page very long and may take a minute to load.