HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-03-09
1 <p>Excellent. We have finished handling the main webpage blocks. We can now proceed to the internal page with the blog entry. It consists of the now familiar header, main content and footer.</p>
1 <p>Excellent. We have finished handling the main webpage blocks. We can now proceed to the internal page with the blog entry. It consists of the now familiar header, main content and footer.</p>
2 <p>The header for internal pages will be duplicated: it will contain the navigation block with a link to the main page. The main page contained a single &lt;nav&gt;, and it was included in &lt;main&gt;, but on the internal pages &lt;nav&gt; is repeated. Therefore, we can include it in &lt;header&gt;.</p>
2 <p>The header for internal pages will be duplicated: it will contain the navigation block with a link to the main page. The main page contained a single &lt;nav&gt;, and it was included in &lt;main&gt;, but on the internal pages &lt;nav&gt; is repeated. Therefore, we can include it in &lt;header&gt;.</p>
3 <p>Only a post is contained inside &lt;main&gt; on the internal page, but later it may contain other sections, such as, for example, a tag cloud. Therefore, we need to enclose the post using some set of tags. Perhaps the &lt;section&gt; tag, which we are already familiar with, would do the job? Yes, that tag would work. But is there something else better?</p>
3 <p>Only a post is contained inside &lt;main&gt; on the internal page, but later it may contain other sections, such as, for example, a tag cloud. Therefore, we need to enclose the post using some set of tags. Perhaps the &lt;section&gt; tag, which we are already familiar with, would do the job? Yes, that tag would work. But is there something else better?</p>
4 <p>We have in mind the &lt;article&gt; tag that denotes a self-contained and independent piece of information. A blog post is just such an example of this.</p>
4 <p>We have in mind the &lt;article&gt; tag that denotes a self-contained and independent piece of information. A blog post is just such an example of this.</p>
5 <p>The &lt;article&gt; tag, unlike &lt;section&gt;, can be taken from one place and inserted into another (on another page of the website or on another website), and the meaning of the tag’s contents will not be lost. Examples: an article, a blog post, a forum post, and so on.</p>
5 <p>The &lt;article&gt; tag, unlike &lt;section&gt;, can be taken from one place and inserted into another (on another page of the website or on another website), and the meaning of the tag’s contents will not be lost. Examples: an article, a blog post, a forum post, and so on.</p>
6 &lt;article&gt; I am a photo on Instagram. I look great anywhere. &lt;/article&gt;<p>&lt;section&gt; tags can be used inside &lt;article&gt; if you need to select separate meaningful blocks there.</p>
6 &lt;article&gt; I am a photo on Instagram. I look great anywhere. &lt;/article&gt;<p>&lt;section&gt; tags can be used inside &lt;article&gt; if you need to select separate meaningful blocks there.</p>
7 <p>Similarly, you can use &lt;article&gt; inside &lt;section&gt; if the logical section of the document contains independent content blocks.</p>
7 <p>Similarly, you can use &lt;article&gt; inside &lt;section&gt; if the logical section of the document contains independent content blocks.</p>