Upgrade to Pro — share decks privately, control downloads, hide ads and more …

見出しとアウトラインのはなし / wpshinshu vol 4

見出しとアウトラインのはなし / wpshinshu vol 4

Toro_Unit (Hiroshi Urabe)

October 20, 2018
Tweet

More Decks by Toro_Unit (Hiroshi Urabe)

Other Decks in Technology

Transcript

  1. Toro_Unit ઎෦ ߛ (͏Β΂ ͻΖ͠) • Frontend Engineer • WordPress

    Plugin and Theme Developer Github: @torounit Twitter: @Toro_Unit 3
  2. 5

  3. Contribution • WordPress 5.0.1 and 5.1 (Α͍ͯ) • WordCamp Kyoto

    2017 / Osaka 2018 / Ogijima 2018 ࣮ߦҕһ • WordCamp Osaka 2018 Speaker. • etc... 6
  4. Plugins and Themes • Custom Post Type Permalinks • Simple

    Post Type Permalinks • Powerful Posts Per Page (PPPP) • Smart PWA <- new! • Vanilla • and more... 7
  5. HTML is... • HyperText Markup Language • ver 5.2 •

    WHATWG͕ඪ४࢓༷ʢHTML Living StandardʣΛࡦఆͯ͠ ͍ΔɻͦΕΛݩʹW3C ͕קࠂ͍ͯ͠Δɻ 9
  6. 10

  7. 11

  8. Do you know ? • <h1> • <h2> • <h3>

    • <h4> • <h5> • <h6> 12
  9. W3C ͷઆ໌ΑΓҾ༻ɻ These elements represent headings for their sections. e

    These elements have a rank given by the number in their name. The h1 element has the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank. e Use the rank of heading elements to create the document outline. 13
  10. ΞΫηγϏϦςΟͷͨΊʹ΋ਖ਼͍͠ϚʔΫΞοϓ Λɻ • ো֐ऀࠩผղফ๏͕ࢪ޻͞ΕɺΞΫηγϏϦςΟରԠ͕ɺߦ੓Ͱ ͸ඞਢɺຽؒͰ͸౒ྗٛ຿ʹɻج४ͱͯ͠͸ɺJIS X 8341-3 ͕ద ༻͞ΕΔɻ •

    ݈ৗऀͰ΋εϚʔτϑΥϯɺεϚʔτεϐʔΧʔͳͲͷීٴͰ WEBαΠτͷ༷ʑͳ࢖͍ํ͕͋Δɻ • ࣗ෼ͷ࡞ͬͨαΠτ΍ॻ͍ͨهࣄ͕࢖͍ͮΒ͔ͬͨΒݏͩΑͶɻ 46
  11. ࢀߟࢿྉ • HTML5 υΩϡϝϯτͷηΫγϣϯͱΞ΢τϥΠϯ - HTML: HyperText Markup Language |

    MDN • HTML 5.2: 4.3. Sections • ݟग़͠ɹʦจॻߏ଄ʧʛ࣮ફϊ΢ϋ΢ʛΤʔ ΠϨϒϯ ϫΠ ʦWebA11y.jpʧ 48