HTML and CSS Reference
In-Depth Information
You may have noted that an
<h2>
tag was used in the
aside
. While not required, it is
useful as a reminder to readers that
aside
elements serve as outline sectioning elements, as
shown here:
N
OTE
If a heading is not provided in an
aside
, you may see an outline mechanism add “Untitled
Section” or potentially even make up one based upon the start of the element content.
Adding Semantics
Many of the elements that HTML5 adds that can be used right away are semantic in nature.
In this sense, HTML5 continues the appropriate goal of separating structure from style. In
this section, you will see a number of repurposed elements as well as some that are all new.
At first you won't see much value in using them other than to add semantics, but toward
the end of the chapter we will explore how to make the elements understandable to most
modern browsers and how to apply some simple styling for end users.
Marking Text
The new HTML5 element
mark
was introduced for highlighting content similarly to how
a highlighter pen might be used on important text in a topic. The following example wraps
a few important words:
<p>
Here comes
<mark>
marked text
</mark>
was it obvious?
</p>
Unfortunately, you won't necessarily see anything with such an example:
You would need to apply a style. Here, inline styles are used just to show the idea:
<p>
The new HTML5 specification is in the works. While
<mark
style="background-color: red;">
many features are not currently
implemented or even well defined
</mark>
yet,
<mark
style="background-color: green;">
progress is being made
</mark>
.
Stay tuned to see more new HTML elements added to your Web documents
in the years to come.
</p>
O
NLINE
http://htmlref.com/ch2/mark.html
