技術者ではないけれど、WEBに携わる会社に入って一年目の人に知ってほしいマークアップのこと。
8͞Μ̍ʹͬͯ΄͍͠ϚʔΫΞοϓ̐ͭͷ͜ͱ
View Slide
ઙԬರࢠ͓͔͋͋ͭ͜͞ϑϩϯτΤϯυΤϯδχΞೣ
ࣗࣾ։ൃΛ͢Δձࣾͷࣾһͱͯ͠࠷ݶ͓͍ͬͯͯ΄͍͜͠ͱ
ϚʔΫΞοϓͬͯͳʹʁ)5.-$44+44&0ͷͳ࣮͠ࡍͲ͏Δͷʁࠓ͢͜ͱʁ
ϚʔΫΞοϓͬͯͳʹʁ
ʮσβΠϯ͕ܾ·ͬͨͷʹͳΜͰ͙͢ΦʔϓϯͰ͖ͳ͍ͷʁʯલ৬ʹͯ
ઃܭ͚ͨͩ͠Ͱ͓ՈʹॅΊͳ͍Ͱ͢ΑͶʁ
ը૾͕ೖΔΑϦετ͕ೖΔΑϦϯΫ͢ΔΑMJLFϘλϯ͚ͭΔΑಈըຒΊࠐΉΑ8ϖʔδ
ը໘ͷߏΛϒϥβ͕ೝࣝͰ͖Δݴ༿ʹมͯ͋͛͠ͳ͚Ε͍͚ͳ͍
)5.-$44+4
IUNMDTTKTϢʔβʔϒϥβͰӾཡ
)ZQFS5FYU.BSLVQ-BOHVBHFϋΠύʔςΩετͷͨΊͷߏهड़༻ݴޠ
)5.-͋Δཁૉ͕ͲΜͳछྨͷͷͳͷ͔
ը૾දΈϦϯΫϦετ
Ͳ͔͜ΒͲ͜·Ͱ͕Կͷཁૉ͔ʁ
QςΩετͱ͔͕ೖΔΑʂQ
QςΩετͱ͔͕ೖΔΑʂQQ͔ΒQ·ͰஈམͩΑʂด͡λά։࢝λά
ը૾ JNHTSDը૾ͷ63-ϦϯΫ BISFGϦϯΫઌͷ63-ςΩετBϦετ VMϦετͷ߲VMϦετͷ߲ MJςΩετMJ
ը૾ JNHTSDը૾ͷ63-ϦϯΫ BISFGϦϯΫઌͷ63-ςΩετBϦετ VMϦετͷ߲VMϦετͷ߲ MJςΩετMJด͡λά͕ཁΒͳ͍
ը૾ JNHTSDը૾ͷ63-ϦϯΫ BISFGϦϯΫઌͷ63-ςΩετBϦετ VMϦετͷ߲VMϦετͷ߲ MJςΩετMJಛघͳΈ߹Θͤ
$BTDBEJOH4UZMF4IFFUT)5.-ͳͲͷ০ɾදࣔํ๏ͷࢦࣔॻ
$44͋Δཁૉ͕ͲΜͳ͋͠Β͍Λ͢Δͷ͔
ڧௐจ͘͢ΔϦετԣʹฒΔݟग़ཱͨͤ͠ΔϦϯΫ੨͘͢Δ
ରͷԿΛͲ͏͢Δʁ
B\ DPMPSC UFYUEFDPSBUJPOVOEFSMJOF^
B\ DPMPSC UFYUEFDPSBUJPOVOEFSMJOF^Bཁૉͷจࣈ৭Λ ੨͘͢Δ
B\ DPMPSC UFYUEFDPSBUJPOVOEFSMJOF^จࣈ০Λ Լઢʹ͢ΔBཁૉͷ
ԣ෯ XJEUI QY BVUPߴ͞ IFJHIU QY BVUP༨ന NBSHJO QY BVUPॏͳΓͷॱং [JOEFY ࣈจࣈͷஔ UFYUBMJHO MFGU DFOUFS SJHIU
+BWB4DSJQUϒϥβʹ࣮͞Ε͍ͯΔεΫϦϓτݴޠ
+4͋Δཁૉ͕ͲΜͳಈ͖Λ͢Δͷ͔
ϘλϯΛԡ͢ͱϧʔϨοτ͕ճస͢Δ
)5.- ཁૉͷछྨΛࢦఆ͢Δ IUNM$44 ཁૉͷ͋͠Β͍Λࢦఆ͢Δ DTT+4 ཁૉͷಈ͖Λࢦఆ͢Δ KT
IUNMDTTKTϢʔβʔϒϥβͰӾཡಈ͖Λ͚ͭΔݟͨΛ͑Δ
4&0ͷͳ͠
4FBSDI&OHJOF0QUJNJ[BUJPOαʔνΤϯδϯ࠷దԽ
4&0ݕࡧ݁ՌͷॱҐΛ্͛Δରࡦ
࠷ॳʹදࣔ͞ΕͯΔʂ
ϖʔδͷ༰Λஅ͍ͯ͠ΔԿ͕ॻ͍ͯ͋Δͷʁ৴པͰ͖ΔใʁΤϥʔग़ͯͳ͍ʁ
ϖʔδλΠτϧʁݕࡧ༻ΩʔϫʔυʁγΣΞ༻ը૾ʁຊޠʁӳޠʁϖʔδ֓ཁʁ8ϖʔδ
ϒϥβʹදࣔ͞Εͳ͍͚Ͳඞཁͳใʹϝλใ
ݕࡧΤϯδϯʹਖ਼͑͘͠Δʹਖ਼͘͠ϚʔΫΞοϓ͢Δେࣄʂ
࣮ࡍͲ͏Δͷʁ
)5.- ཁૉͷछྨΛࢦఆ͢Δ IUNM$44 ཁૉͷ͋͠Β͍Λࢦఆ͢Δ DTT+4 ཁૉͷಈ͖Λࢦఆ͢Δ KT্͔ΒԼʹίʔσΟϯά͢Δ
)5.-
$44
·ΘΔΑʂ+4
σβΠϯΛཁૉʹղ͢Δ )5.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ ಈ͖Λ͚ͭΔ
ͦͷલʹɺԼ४උʁ
IUNMQOHKQHDTTKTHJGIUNMIUNM
JNH DTTKTBCPVU CVTJOFTT༻్͝ͱʹϑΥϧμΛ͚Δ
ஈམڧௐจݟग़͠େݟग़͠খ
ஈམڧௐจݟग़͠େݟग़͠খҹʹखॻ͖ͯ͠·ͨ͠
ݟग़͠େ IIݟग़͠খ IIஈམ QQڧௐจ TUSPOHTUSPOH
QஈམͷςΩετTUSPOHڧௐจTUSPOHஈམͷςΩετʜQ!Iݟग़͠େIQஈམͷςΩετTUSPOHڧௐจTUSPOHஈམͷςΩετʜQ!Iݟग़͠େIIݟग़͠খIQஈམͷςΩετʜQQஈམͷςΩετʜQ
#IUNMDTT$IUNM"IUNMڞ௨ͷελΠϧ
#IUNMDTT$IUNM"IUNMݟग़͠େ͕͍͍ʂݟग़͠େ͕͍͍ʂ
ͦΕͧΕͷཁૉʹ໊લΛ͚ͯղ໊ܾલ͕ಉ͡ʹ͋͠Β͍͕ಉ͡
IDMBTTIE3FEͷݟग़͠େIIDMBTTIE(SFFOͷݟग़͠େI
IDMBTTIE3FEͷݟग़͠େIIDMBTTIE(SFFOͷݟग़͠େIഎܠ৭ʂഎܠ৭ʂ
II
Լͷཁૉͱͷ༨നɿɹQYཁૉͷ༨നɿɹQYԼϘʔμʔɿɹQYɹઢɹˌ&#എܠͷ৭ɿɹ⒎GFจࣈͷଠ͞ɿɹଠ͍จࣈαΠζɿɹQYI
Լཁૉͱͷ༨ന NBSHJOCPUUPNཁૉͷ༨ന QBEEJOHԼϘʔμʔ CPSEFSCPUUPNഎܠͷ৭ CBDLHSPVOEDPMPSจࣈͷଠ͞ GPOUXJHIUจࣈͷେ͖͞ GPOUTJ[F
I\ NBSHJOCPUUPNQY QBEEJOHQY CPSEFSCPUUPNQYTPMJE&# CBDLHSPVOEDPMPS⒎GF GPOUXFJHIUCPME GPOUTJ[FQY ^
DMBTTIE3FE
IE3FE\ NBSHJOCPUUPNQY QBEEJOHQY CPSEFSCPUUPNQYTPMJE&# CBDLHSPVOEDPMPS⒎GF GPOUXFJHIUCPME GPOUTJ[FQY ^
IE3FE\ NBSHJOCPUUPNQY QBEEJOHQY CPSEFSCPUUPNQYTPMJE&# CBDLHSPVOEDPMPS⒎GF GPOUXFJHIUCPME GPOUTJ[FQY ^DMBTTIE3FE
Qͷதʹ͋ΔTUSPOH
จࣈͷ৭ɿɹ''จࣈͷଠ͞ɿɹଠ͍Qͷதʹ͋ΔTUSPOH
QTUSPOH\ DPMPS'' GPOUXFJHIUCPME ^
QTUSPOH\ DPMPS'' GPOUXFJHIUCPME ^Qͷதʹ͋ΔTUSPOH
γεςϜݚमͰΔͷͰׂѪ
ࠓͷ·ͱΊ
ϚʔΫΞοϓͬͯͳʹʁ σβΠϯΛϒϥβ͕ೝࣝͰ͖Δݴ༿ʹ͢Δ)5.-$44+4 )5.-ɿཁૉͷछྨΛࢦఆ͢Δ $44ɿཁૉͷ͋͠Β͍Λࢦఆ͢Δ +4ɿཁૉͷಈ͖Λࢦఆ͢Δ
4&0ͷͳ͠ αʔνΤϯδϯͷ࠷దԽ త֬ͳϚʔΫΞοϓ͕ඞਢ
࣮ࡍͲ͏Δͷʁ σβΠϯΛཁૉʹղ͢Δ )5.-ʹ͢Δ ཁૉʹ໊લΛ͚ͭΔ ελΠϧΛ͋ͯΔ ಈ͖Λ͚ͭΔ
͓ർΕ༷Ͱͨ͠