HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-03-09
1 <ul><li>Theory</li>
1 <ul><li>Theory</li>
2 <li>Theory</li>
2 <li>Theory</li>
3 <li>Comments</li>
3 <li>Comments</li>
4 </ul><h2>The aside tag, which is used to specify additional content</h2>
4 </ul><h2>The aside tag, which is used to specify additional content</h2>
5 <p>There is another major logical container besides &lt;section&gt; and&lt;article&gt;. It is the &lt;aside&gt; tag.</p>
5 <p>There is another major logical container besides &lt;section&gt; and&lt;article&gt;. It is the &lt;aside&gt; tag.</p>
6 <p>The &lt;aside&gt; tag is used to include additional content that is not directly related to the main content. These blocks are often referred to as sidebars or side panels, but it‘s not the position on the page that determines whether to use the &lt;aside&gt; tag, it‘s the fact that the content is not directly related.</p>
6 <p>The &lt;aside&gt; tag is used to include additional content that is not directly related to the main content. These blocks are often referred to as sidebars or side panels, but it‘s not the position on the page that determines whether to use the &lt;aside&gt; tag, it‘s the fact that the content is not directly related.</p>
7 &lt;aside&gt; I am just a modest block that displays currency exchange rates on a website about fish &lt;/aside&gt;<p>We should also use &lt;aside&gt; on our internal website page. Later we will be able to include links to similar blog posts, tweets or some other such content (who knows what the boss will think of next).</p>
7 &lt;aside&gt; I am just a modest block that displays currency exchange rates on a website about fish &lt;/aside&gt;<p>We should also use &lt;aside&gt; on our internal website page. Later we will be able to include links to similar blog posts, tweets or some other such content (who knows what the boss will think of next).</p>
8 <p>We can assign various styles to tags, which can be used to solve various types of problems, by using template styles. In doing so, we have made use of the<a>type system</a>that is described in the HTML specification. Here is an explanation:</p>
8 <p>We can assign various styles to tags, which can be used to solve various types of problems, by using template styles. In doing so, we have made use of the<a>type system</a>that is described in the HTML specification. Here is an explanation:</p>
9 <ul><li>The dotted line is used to highlight the special tag &lt;body&gt;.</li>
9 <ul><li>The dotted line is used to highlight the special tag &lt;body&gt;.</li>
10 <li>A blue box is used to highlight<a>flow tags</a>, which are usually used to mark major structural blocks in pages, such as, for example, &lt;main&gt;.</li>
10 <li>A blue box is used to highlight<a>flow tags</a>, which are usually used to mark major structural blocks in pages, such as, for example, &lt;main&gt;.</li>
11 <li>A purple box is used to highlight<a>tags that are used to create semantic sections</a>, such as, for example, &lt;section&gt;.</li>
11 <li>A purple box is used to highlight<a>tags that are used to create semantic sections</a>, such as, for example, &lt;section&gt;.</li>
12 <li>An orange box is used to highlight<a>heading tags</a>, such as, for example, &lt;h1&gt;.</li>
12 <li>An orange box is used to highlight<a>heading tags</a>, such as, for example, &lt;h1&gt;.</li>
13 <li>A pink box is used to highlight<a>flow tags</a>, which are usually used to directly mark up text elements, such as, for example, &lt;p&gt;.</li>
13 <li>A pink box is used to highlight<a>flow tags</a>, which are usually used to directly mark up text elements, such as, for example, &lt;p&gt;.</li>
14 </ul><p>Of course, there are even more types that are defined in the specification. But we have not chosen to format everything: we have limited ourselves to only those tags that we need for our template.</p>
14 </ul><p>Of course, there are even more types that are defined in the specification. But we have not chosen to format everything: we have limited ourselves to only those tags that we need for our template.</p>
15 <h2>Comments</h2>
15 <h2>Comments</h2>