HTML5から採用されたコンテンツ・モデルの考え方について、簡単に。 既存のブロックレベル要素・インライン要素との違いなど。
ίϯςϯπɾϞσϧͷ͓ͳ͠BUTVLPB
View Slide
)5.-ͷจষߏͷϕʔεʹͳΔߟ͑ํͷͳ͠ʁ
͓ͳ͠ͷഎܠϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉίϯςϯπɾϞσϧͱΧςΰϦϒϩοΫϨϕϧͱΠϯϥΠϯͷߟ͑ํ·ͱΊ
ʮ)5.-ฤू͔ͨ͠Β֬ೝͯ͠Ͷʯ͋Δઌഐ͔Β
TQBOEJWQTBNQMFUFYUQEJWTQBO
ؾ࣋ͪѱ͍ "A
ؾ࣋ͪѱ͞ͷਖ਼ମʹ͍ͭͯͷ͓ͳ͠Ͱ͢
ϒϩοΫϨϕϧཁૉจষΛߏ͢Δجຊཁૉݟग़͠ɾஈམͳͲલޙʹվߦ͕ೖΔΠϯϥΠϯཁૉจষͷҰ෦ͷҙຯ͚ϦϯΫɾڧௐɾࣼମͳͲલޙʹվߦೖΒͳ͍
ΠϯϥΠϯཁૉͷதʹϒϩοΫϨϕϧཁૉೖΕͳ͍ʁ
TQBOEJWQTBNQMFUFYUQEJWTQBOJOMJOFCMPDLCMPDL
จষͷҰ෦Λҙຯ͚Δཁૉ TQBOͷதʹจষͷߏཁૉ EJW͕ೖͬͯΔJOMJOFCMPDL
Ͷʁؾ࣋ͪѱ͍Ͱ͠ΐʁ
ΠϯϥΠϯཁૉͱϒϩοΫϨϕϧཁૉͷߟ͑ํ)5.-Ͱഇࢭ͞Ε·ͨ͠
˞$44ʹ͓͚ΔEJTQMBZϓϩύςΟͷͱͯ͠ͷJOMJOFCMPDLͱผ
ίϯςϯπɾϞσϧ/&8
ʮཁૉ"ʹཁૉ#ΛೖΕΔ͜ͱ͕Ͱ͖Δʯͱ͍͏ஔϧʔϧ
ΧςΰϦʹίϯςϯπɾϞσϧ͝ͱͷྨ
ཁૉ"தʹೖΕ͍͍ͯཁૉࣗͷྨ͕ࣗೖΕΔॴ
ཁૉ"தʹೖΕ͍͍ͯཁૉࣗͷྨ͕ࣗೖΕΔॴίϯςϯπɾϞσϧΧςΰϦʔίϯςΩετ
ϝλσʔλɾίϯςϯπ จষใɾଞͷจষͱͷؔΛఆٛ͢Δͷϑϩʔɾίϯςϯπ ࢠଙʹςΩετͳͲΛͭͷηΫγϣχϯάɾίϯςϯπ ݟग़͠ͱ֓ཁΛ͚ͭΒΕΔͷϔοσΟϯάɾίϯςϯπ ηΫγϣϯͷݟग़͠ʹͳΔͷϑϨʔδϯάɾίϯςϯπ ஈམͳͲͷதʹؚ·ΕΔจઅɾޠ۟ͳͲΤϯϕοσΟουɾίϯςϯπ จষʹଞͷϦιʔεΛຒΊࠐΉͷΠϯλϥΫςΟϒɾίϯςϯπ ϢʔβʔʹΑΔૢ࡞ʹରԠ͢Δͷ
'MPX*OUFSBDUJWF)FBEJOH4FDUJPOJOH.FUBEBUB1ISBTJOH&NCFEEFE
FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMTI 'MPX)FBEJOH1BMQBCMF'MPXIHSPVQͷࢠཁૉͱͯ͠1ISBTJOHBSUJDMF 'MPX4FDUJPOJOH1BMQBCMF'MPX 'MPXB 'MPX1ISBTJOH*OUFSBDUJWF1BMQBCMF1ISBTJOH5SBOTQBSFOU ˞*OUFSBDUJWFҎ֎VM 'MPXҰݸҎ্ͷMJΛؚΉ߹1BMQBCMF'MPX ݸҎ্ͷMJ
FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMTI 'MPX)FBEJOH1BMQBCMF'MPXIHSPVQͷࢠཁૉͱͯ͠1ISBTJOHBSUJDMF 'MPX4FDUJPOJOH1BMQBCMF'MPX 'MPXB 'MPX1ISBTJOH*OUFSBDUJWF1BMQBCMF1ISBTJOH5SBOTQBSFOU ˞*OUFSBDUJWFҎ֎VM 'MPXҰݸҎ্ͷMJΛؚΉ߹1BMQBCMF'MPX ݸҎ্ͷMJ5SBOTQBSFOU!ཁૉͷίϯςϯπɾϞσϧΛҾ͖ܧ͙
FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMTI 'MPX)FBEJOH1BMQBCMF'MPXIHSPVQͷࢠཁૉͱͯ͠1ISBTJOHBSUJDMF 'MPX4FDUJPOJOH1BMQBCMF'MPX 'MPXB 'MPX1ISBTJOH*OUFSBDUJWF1BMQBCMF1ISBTJOH5SBOTQBSFOU ˞*OUFSBDUJWFҎ֎VM 'MPXҰݸҎ্ͷMJΛؚΉ߹1BMQBCMF'MPX ݸҎ্ͷMJVMͷதʹMJ͔͠ೖΕͳ͍!ಛघͳ͕݅͋Δཁૉ͋ΔEM UBCMF TFMFDU
վΊͯ࠷ॳͷίʔυΛݟͯΈΔ
FMFNFOU DBUFHPSZ DPOUFYU DPOUFOUNPEFMTTQBO'MPX1ISBTJOH1BMQBCMF1ISBTJOH 1ISBTJOHEJW'MPX1BMQBCMF'MPX 'MPXQ'MPX1BMQBCMF'MPX 1ISBTJOH
TQBOEJWQTBNQMFUFYUQEJWTQBO1ISBTJOHΛೖΕͯ΄͍͠'MPX
ͬͺΓؾ࣋ͪѱ͍ "A
ͯ͠ΈΔ
EJWTQBOQTBNQMFUFYUQTQBOEJWEJWͱTQBOΛೖΕସ͑ͯΈͨΑ
EJWTQBOQTBNQMFUFYUQTQBOEJW'MPXΛೖΕͯ΄͍͠1ISBTJOHΛೖΕͯ΄͍͠'MPXΑ͘ͳ͍ʂ
TQBOͱQΛೖΕସ͑ͯΈͨΑEJWQTQBOTBNQMFUFYUTQBOQEJW
EJWQTQBOTBNQMFUFYUTQBOQEJW'MPXΛೖΕͯ΄͍͠1ISBTJOHΛೖΕͯ΄͍͍͍͠Ͷʂ
ϒϩοΫϨϕϧཁૉͱΠϯϥΠϯཁૉͷߟ͑ํ͏ཁΒͳ͍ʁ
جຊతʹ౿ऻ͍ͯ͠Δ
ϒϩοΫϨϕϧཁૉΠϯϥΠϯཁૉ͍͍ͩͨ͜Μͳײ͡
ϒϩοΫϨϕϧͱΠϯϥΠϯΛࡉԽͨ͠ͷʹίϯςϯπɾϞσϧϒϩοΫϨϕϧɾΠϯϥΠϯ͕Θ͔ΔͱίϯςϯπɾϞσϧ͕Θ͔Γ͍͢
ؾ࣋ͪѱ͞ͷਖ਼ମʹෆਖ਼֬ͳจষߏ
ϚʔΫΞοϓ͢Δͱ͖ʹจষߏେࣄ
ΑΓߏతͳϚʔΫΞοϓͷجૅʹίϯςϯπɾϞσϧҙࣝ͠Α͏
5IBOLT