The document discusses markup and how to structure different elements like headings, paragraphs, lists, sections and comments. It provides examples of proper markup for navigation menus using unordered and ordered lists, adding headings and paragraphs within an article and section elements, and using comments to add notes that do not create paragraphs. The document serves as a guide for how to properly structure and markup different types of elements on a webpage.

4. “

5. “

9. !

11. ➤
➤
➤
➤

18. ➤
➤

21. mkasumi.com: マークアップすることについて考えてみた話
（当時の思いをしたためて下書きのまま）
“

23. “

24. <ul>
<li><a href="#">Home</a></li>
<li><a href="/blog/">ブログ</a></li>
<li><a href=“/blog/xxx.html">ブログ記事</a></li>
</ul>
<nav>
<ol>
<li><a href="#">Home</a></li>
<li><a href="/blog/">ブログ</a></li>
<li><a href="/blog/xxx.html">ブログ記事</a></
li>
</ol>
</nav>

25. ➤
➤
➤
➤

33. ➤
➤
➤
➤
➤
➤
➤

34. ➤

36. ➤
➤
➤
➤

38. <article>
<h1> </h1>
<a href=“#index1”> 1</a>
<a href=“#index2”> </a>
<a href=“#index3”> </a>
</article>

39. In the following example, there are two paragraphs in a
section. There is also a heading, which contains phrasing
content that is not a paragraph. Note how the comments and
inter-element whitespace do not form paragraphs.
“
<section>
<h1>Example of paragraphs</h1>
This is the <em>first</em> paragraph in this example.
<p>This is the second.</p>
<!-- This is not a paragraph. -->
</section>

40. “
<section>
<h1>Example of paragraphs</h1>
This is the <em>first</em> paragraph in this example.
<p>This is the second.</p>
<!-- This is not a paragraph. -->
</section>

41. “
<section>
<h1>Example of paragraphs</h1>
This is the <em>first</em> paragraph in this example.
<p>This is the second.</p>
<!-- This is not a paragraph. -->
</section>