PHP BLT だけど HTML5 のコンテンツモデルのお話

1)1#-5͚ͩͲ )5.-ͷ ίϯςϯπϞσϧͷ͓࿩ খ઒༤େ!pWFTUS 1 PHP BLT #1

ͩΕ খ઒༤େ ͓͕Θ͔ͭͻΖ ͖Β͍ͳ΋ͷτϚτ 2

)5.-ͱ͍͑͹ 3

<!DOCTYPE html> 4

<section> <article> <header> 6

<input type="url"> <input type="email" required> 7

<canvas> <svg> 8

͋ͷΠέͯΔ΍ͭͶ 9

ͳͲͱ͍͏ τʔγϩ޲͚ͷ࿩Ͱ͸ͳ͘ 10

)5.-ͷ ίϯςϯπϞσϧʹ͍ͭͯ ࿩͠·͢ 11

ϒϩοΫཁૉɺΠϯϥΠϯཁૉ w )5.-ΑΓલ͸ɺཁૉΛ  ʮϒϩοΫ Ϩϕϧ ʯʮΠϯϥΠϯʯ  ͷେ͖ͭ͘ʹ෼͚͍ͯ·ͨ͠ w ΠϯϥΠϯཁૉͷதʹϒϩοΫཁૉ͸  ഑ஔͰ͖·ͤΜͰͨ͠
12

<div><a>PHP</a></div>  <a><div>PHP</div></a> 13

ίϯςϯπϞσϧ w ཁૉ͕ͲͷίϯςϯπΛ಺แͰ͖Δ͔ͷఆٛ w ίϯςϯπϞσϧʹ͸༷ʑͳΧςΰϦʔ͕  ఆٛ͞Ε͓ͯΓɺ֤ཁૉ͸͔ͳΒͣͲΕ͔ͷ ΧςΰϦʔʹଐ͍ͯ͠Δ w IUUQXXXXPSH53IUNMEPNIUNMDPOUFOUNPEFMT 14

ΧςΰϦʔ 15

Կ͕ҧ͏͔ w ཁૉ͕ෳ਺ͷΧςΰϦʔʹॴଐͰ͖ΔΑ͏ʹ ͳͬͨ w ΧςΰϦʔ͕ࡉ෼Խ͞Εͨ w ྫ͑͹aཁૉ͸USBOTQBSFOUDPOUFOUͱݴ͏ ಛघͳίϯςϯπϞσϧʹଐ͢Δ 16

<a><div>PHP</div></a> 17

ίϯςϯπϞσϧͰؾΛ͚ͭΔ͜ͱ͸͋Δ͔ w جຊతʹ͸)5.-࣌୅ͱಉ͡Α͏ʹ࢖͑Δ w ϒϩοΫΠϯϥΠϯͷߟ͑ํ͸  $44ͷdisplayͰ݈ࡏ 18

ࡉ͔͍͜ͱ͸8FCͰ  IUUQXXXXPSH53IUNM EPNIUNMDPOUFOUNPEFMT 19

ͳΜͰ1)1#-5Ͱ )5.-ͷ࿩Λ͢Δͷ͔ 20

ίϯςϯπϞσϧΛղऍͯ͠ )5.-Λิਖ਼͢Δ  1)1ϥΠϒϥϦΛ࡞͔ͬͨΒͰ͢ 21

)5.-1BSBHSBQIJ[FS w <br>ͷ࿈ଓΛݕ஌ͯ͠ஈམΛ<p>Ͱғ͏ w ίϯςϯπϞσϧͷ࢓༷ʹ߹Θͤͯ  )5.-Λଥ౰ͳ಺༰ʹ͢Δ w Ϡϑʔͷ࢓ࣄதʹ࡞ͬͨ 22

ΦʔϓϯιʔεԽʂ 23

͢Δલʹୀ৬ͯ͠͠·͍·ͨ͠ 24 ϠϑʔͷͲͳ͔ͨɺΑΖ͓͘͠ئ͍͠·͢

݄͔Β"ODBSʹస৬͠·͢ 25

͓͠·͍ 26

PHP BLT だけど HTML5 のコンテンツモデルのお話

PHP BLT だけど HTML5 のコンテンツモデルのお話

Katsuhiro Ogawa

More Decks by Katsuhiro Ogawa

Other Decks in Technology

Featured

Transcript

1)1#-5͚ͩͲ )5.-ͷ ίϯςϯπϞσϧͷ͓࿩ খ઒༤େ!pWFTUS 1 PHP BLT #1

ͩΕ খ઒༤େ ͓͕Θ͔ͭͻΖ ͖Β͍ͳ΋ͷτϚτ 2

)5.-ͱ͍͑͹ 3

<!DOCTYPE html> 4

<meta charset="utf8"> 5

<section> <article> <header> 6

<input type="url"> <input type="email" required> 7

<canvas> <svg> 8

͋ͷΠέͯΔ΍ͭͶ 9

ͳͲͱ͍͏ τʔγϩ޲͚ͷ࿩Ͱ͸ͳ͘ 10

)5.-ͷ ίϯςϯπϞσϧʹ͍ͭͯ ࿩͠·͢ 11

ϒϩοΫཁૉɺΠϯϥΠϯཁૉ w )5.-ΑΓલ͸ɺཁૉΛ  ʮϒϩοΫ Ϩϕϧ ʯʮΠϯϥΠϯʯ  ͷେ͖ͭ͘ʹ෼͚͍ͯ·ͨ͠ w ΠϯϥΠϯཁૉͷதʹϒϩοΫཁૉ͸  ഑ஔͰ͖·ͤΜͰͨ͠

<div><a>PHP</a></div>  <a><div>PHP</div></a> 13

ίϯςϯπϞσϧ w ཁૉ͕ͲͷίϯςϯπΛ಺แͰ͖Δ͔ͷఆٛ w ίϯςϯπϞσϧʹ͸༷ʑͳΧςΰϦʔ͕  ఆٛ͞Ε͓ͯΓɺ֤ཁૉ͸͔ͳΒͣͲΕ͔ͷ ΧςΰϦʔʹଐ͍ͯ͠Δ w IUUQXXXXPSH53IUNMEPNIUNMDPOUFOUNPEFMT 14

ΧςΰϦʔ 15

Կ͕ҧ͏͔ w ཁૉ͕ෳ਺ͷΧςΰϦʔʹॴଐͰ͖ΔΑ͏ʹ ͳͬͨ w ΧςΰϦʔ͕ࡉ෼Խ͞Εͨ w ྫ͑͹aཁૉ͸USBOTQBSFOUDPOUFOUͱݴ͏ ಛघͳίϯςϯπϞσϧʹଐ͢Δ 16

<a><div>PHP</div></a> 17

ίϯςϯπϞσϧͰؾΛ͚ͭΔ͜ͱ͸͋Δ͔ w جຊతʹ͸)5.-࣌୅ͱಉ͡Α͏ʹ࢖͑Δ w ϒϩοΫΠϯϥΠϯͷߟ͑ํ͸  $44ͷdisplayͰ݈ࡏ 18

ࡉ͔͍͜ͱ͸8FCͰ  IUUQXXXXPSH53IUNM EPNIUNMDPOUFOUNPEFMT 19

ͳΜͰ1)1#-5Ͱ )5.-ͷ࿩Λ͢Δͷ͔ 20

ίϯςϯπϞσϧΛղऍͯ͠ )5.-Λิਖ਼͢Δ  1)1ϥΠϒϥϦΛ࡞͔ͬͨΒͰ͢ 21

)5.-1BSBHSBQIJ[FS w <br>ͷ࿈ଓΛݕ஌ͯ͠ஈམΛ<p>Ͱғ͏ w ίϯςϯπϞσϧͷ࢓༷ʹ߹Θͤͯ  )5.-Λଥ౰ͳ಺༰ʹ͢Δ w Ϡϑʔͷ࢓ࣄதʹ࡞ͬͨ 22

ΦʔϓϯιʔεԽʂ 23

͢Δલʹୀ৬ͯ͠͠·͍·ͨ͠ 24 ϠϑʔͷͲͳ͔ͨɺΑΖ͓͘͠ئ͍͠·͢

݄͔Β"ODBSʹస৬͠·͢ 25

͓͠·͍ 26

PHP BLT だけど HTML5 の コンテンツモデルのお話

PHP BLT だけど HTML5 の コンテンツモデルのお話

More Decks by Katsuhiro Ogawa

Other Decks in Technology

Featured

Transcript

PHP BLT だけど HTML5 のコンテンツモデルのお話

PHP BLT だけど HTML5 のコンテンツモデルのお話