Successfully reported this slideshow.

マークアップの最適解を
見つけ出す方法

14

Share

Upcoming SlideShare
Theming Wordpress with Adobe
Theming Wordpress with Adobe
Loading in …3
×
1 of 57
1 of 57

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Related Audiobooks

Free with a 14 day trial from Scribd

See all

マークアップの最適解を
見つけ出す方法

  1. 1. 
 

  2. 2.
  3. 3.
  4. 4.
  5. 5.
  6. 6. 
 
 
 
 
 
 
 
 
 

  7. 7. 
 
 

  8. 8. !
  9. 9. ➤ ➤ ➤ ➤
  10. 10.
  11. 11. ➤ ➤ 

  12. 12. 
 
 
 
 
 
 

  13. 13. 
 
 
 
 
 
 

  14. 14. mkasumi.com: マークアップすることについて考えてみた話 (当時の思いをしたためて下書きのまま) 
 
 
 “
  15. 15.
  16. 16.
  17. 17. <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>
  18. 18. ➤ ➤ ➤ ➤
  19. 19.
  20. 20. 
 
 

  21. 21.
  22. 22.
  23. 23. ➤ ➤ ➤ ➤ 
 
 ➤ ➤ ➤ 
 
 

  24. 24. ➤ 
 

  25. 25.
  26. 26. ➤ ➤ ➤ ➤
  27. 27.
  28. 28. <article> <h1> </h1> <a href=“#index1”> 1</a> <a href=“#index2”> </a> <a href=“#index3”> </a> </article> 

  29. 29. 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>
  30. 30. “ 
 <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>
  31. 31. “ 
 <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> 

  32. 32.
  33. 33.
  34. 34.
  35. 35.
  36. 36.
  37. 37.
  38. 38. 
 

  39. 39.
  40. 40.

×