WEB屋さん1年目に知ってほしいマークアップ4つのこと

技術者ではないけれど、WEBに携わる会社に入って一年目の人に知ってほしいマークアップのこと。

Transcript

1. 8&#԰͞Μ̍೥໨ʹ஌ͬͯ΄͍͠
   ϚʔΫΞοϓ̐ͭͷ͜ͱ
2. ઙԬ
   ರࢠ
   
   ͓͔͋͞
   ͋ͭ͜ ϑϩϯτΤϯυΤϯδχΞ ೣ೿
3. ࣗࣾ։ൃΛ͢Δձࣾͷࣾһͱͯ͠
   ࠷௿ݶ஌͓͍ͬͯͯ΄͍͜͠ͱ
4. ϚʔΫΞοϓͬͯͳʹʁ
   )5.-$44+4
   4&0ͷ͸ͳ͠
   ࣮ࡍͲ͏΍Δͷʁ ࠓ೔࿩͢͜ͱ ʁ
5. ϚʔΫΞοϓͬͯͳʹʁ
6. ʮσβΠϯ͕ܾ·ͬͨͷʹ
   ͳΜͰ͙͢ΦʔϓϯͰ͖ͳ͍ͷʁʯ લ৬ʹͯ
7. ઃܭ͚ͨͩ͠Ͱ͸͓Ոʹ͸
   ॅΊͳ͍Ͱ͢ΑͶʁ
8. ը૾͕ೖΔΑ Ϧετ͕
   ೖΔΑ ϦϯΫ͢ΔΑ MJLFϘλϯ
   ͚ͭΔΑ ಈը
   ຒΊࠐΉΑ 8&#ϖʔδ
9. ը໘ͷߏ੒Λϒϥ΢β͕ೝࣝͰ͖Δݴ༿ʹ
   ม׵ͯ͋͛͠ͳ͚Ε͹͍͚ͳ͍
10. )5.-$44+4
11. IUNM DTT KT Ϣʔβʔ ϒϥ΢βͰӾཡ
12. )ZQFS5FYU
    .BSLVQ
    -BOHVBHF ϋΠύʔςΩετͷͨΊͷߏ଄هड़༻ݴޠ
13. )5.- ͋Δཁૉ͕ͲΜͳछྨͷ΋ͷͳͷ͔
15. ը૾ ද૊Έ ϦϯΫ Ϧετ
16. Ͳ͔͜ΒͲ͜·Ͱ͕Կͷཁૉ͔ ʁ
17. QςΩετͱ͔͕ೖΔΑʂQ
18. QςΩετͱ͔͕ೖΔΑʂQ Q͔ΒQ·Ͱ
    ஈམͩΑʂ ด͡λά ։࢝λά
19. ը૾ JNH
    TSDը૾ͷ63- ϦϯΫ B
    ISFGϦϯΫઌͷ63-ςΩετB Ϧετ VMϦετͷ߲໨VM Ϧετͷ߲໨ MJςΩετMJ
20. ը૾ JNH
    TSDը૾ͷ63- ϦϯΫ B
    ISFGϦϯΫઌͷ63-ςΩετB Ϧετ VMϦετͷ߲໨VM Ϧετͷ߲໨ MJςΩετMJ ด͡λά͕
    ཁΒͳ͍
21. ը૾ JNH
    TSDը૾ͷ63- ϦϯΫ B
    ISFGϦϯΫઌͷ63-ςΩετB Ϧετ VMϦετͷ߲໨VM Ϧετͷ߲໨ MJςΩετMJ ಛघͳ
    ૊Έ߹Θͤ
22. $BTDBEJOH
    4UZMF
    4IFFUT )5.-ͳͲͷ૷০ɾදࣔํ๏ͷࢦࣔॻ
23. $44 ͋Δཁૉ͕ͲΜͳ͋͠Β͍Λ͢Δͷ͔
25. ڧௐจ͸
    ੺͘͢Δ Ϧετ͸
    ԣʹฒ΂Δ ݟग़͠͸
    ໨ཱͨͤΔ ϦϯΫ͸
    ੨͘͢Δ
26. ର৅ͷԿΛͲ͏͢Δ ʁ
27. B
    \
    
    
    DPMPS
    C
    
    
    UFYUEFDPSBUJPO
    VOEFSMJOF
    ^
28. B
    \
    
    
    DPMPS
    C
    
    
    UFYUEFDPSBUJPO
    VOEFSMJOF
    ^ Bཁૉͷ จࣈ৭Λ ੨͘͢Δ
29. B
    \
    
    
    DPMPS
    C
    
    
    UFYUEFDPSBUJPO
    VOEFSMJOF
    ^ จࣈ૷০Λ Լઢʹ͢Δ Bཁૉͷ
30. ԣ෯ XJEUI QY
    
    BVUP ߴ͞ IFJHIU QY
    
    BVUP ༨ന NBSHJO QY
    
    BVUP ॏͳΓͷॱং [JOEFY ਺ࣈ จࣈͷ഑ஔ UFYUBMJHO MFGU
    DFOUFS
    SJHIU
31. +BWB4DSJQU ϒϥ΢βʹ࣮૷͞Ε͍ͯΔεΫϦϓτݴޠ
32. +4 ͋Δཁૉ͕ͲΜͳಈ͖Λ͢Δͷ͔
34. ϘλϯΛԡ͢ͱ
    ϧʔϨοτ͕ճస͢Δ
35. )5.- ཁૉͷछྨΛࢦఆ͢Δ IUNM $44 ཁૉͷ͋͠Β͍Λࢦఆ͢Δ DTT +4 ཁૉͷಈ͖Λࢦఆ͢Δ KT
36. IUNM DTT KT Ϣʔβʔ ϒϥ΢βͰӾཡ ಈ͖Λ͚ͭΔ ݟͨ໨Λ੔͑Δ
37. 4&0ͷ͸ͳ͠
38. 4FBSDI
    &OHJOF
    0QUJNJ[BUJPO αʔνΤϯδϯ࠷దԽ
39. 4&0 ݕࡧ݁ՌͷॱҐΛ্͛Δରࡦ
41. ࠷ॳʹ
    දࣔ͞ΕͯΔʂ
42. ϖʔδͷ಺༰Λ൑அ͍ͯ͠Δ Կ͕ॻ͍ͯ
    ͋Δͷʁ ৴པͰ͖Δ
    ৘ใʁ Τϥʔ
    ग़ͯͳ͍ʁ
43. ϖʔδ
    λΠτϧʁ ݕࡧ༻
    Ωʔϫʔυʁ γΣΞ༻
    ը૾ʁ ೔ຊޠʁ
    ӳޠʁ ϖʔδ֓ཁʁ 8&#ϖʔδ
44. ϒϥ΢βʹදࣔ͞Εͳ͍͚Ͳඞཁͳ৘ใ
    ʹϝλ৘ใ
45. ݕࡧΤϯδϯʹਖ਼͘͠఻͑Δ
    ʹਖ਼͘͠ϚʔΫΞοϓ͢Δ େࣄʂ
46. ࣮ࡍͲ͏΍Δͷʁ
47. )5.- ཁૉͷछྨΛࢦఆ͢Δ IUNM $44 ཁૉͷ͋͠Β͍Λࢦఆ͢Δ DTT +4 ཁૉͷಈ͖Λࢦఆ͢Δ KT
48. )5.- ཁૉͷछྨΛࢦఆ͢Δ IUNM $44 ཁૉͷ͋͠Β͍Λࢦఆ͢Δ DTT +4 ཁૉͷಈ͖Λࢦఆ͢Δ KT ্͔ΒԼʹ
    ίʔσΟϯά͢Δ
49. )5.-
50. $44
51. ·ΘΔΑʂ +4
52.  σβΠϯΛཁૉʹ෼ղ͢Δ
     )5.-ʹ͢Δ
     ཁૉʹ໊લΛ͚ͭΔ
     ελΠϧΛ͋ͯΔ
     ಈ͖Λ͚ͭΔ
53. ͦͷલʹɺԼ४උ ʁ
54. IUNM QOH KQH DTT KT HJG IUNM IUNM
55. JNH DTT KT BCPVU CVTJOFTT༻్͝ͱʹ
    ϑΥϧμΛ෼͚Δ
56.  σβΠϯΛཁૉʹ෼ղ͢Δ
     )5.-ʹ͢Δ
     ཁૉʹ໊લΛ͚ͭΔ
     ελΠϧΛ͋ͯΔ
     ಈ͖Λ͚ͭΔ
58. ஈམ ڧௐจ ݟग़͠େ ݟग़͠খ
59. ஈམ ڧௐจ ݟग़͠େ ݟग़͠খ ҹ࡮ʹखॻ͖
    ͯ͠·ͨ͠
60.  σβΠϯΛཁૉʹ෼ղ͢Δ
     )5.-ʹ͢Δ
     ཁૉʹ໊લΛ͚ͭΔ
     ελΠϧΛ͋ͯΔ
     ಈ͖Λ͚ͭΔ
61. ஈམ ڧௐจ ݟग़͠େ ݟग़͠খ
62. ݟग़͠େ II ݟग़͠খ II ஈམ QQ ڧௐจ TUSPOHTUSPOH
63. QஈམͷςΩετTUSPOHڧௐจTUSPOH
    ஈམͷςΩετʜQ
    ! Iݟग़͠େI
    QஈམͷςΩετTUSPOHڧௐจTUSPOH
    ஈམͷςΩετʜQ
    ! Iݟग़͠େI
    Iݟग़͠খI
    QஈམͷςΩετʜQ
    QஈམͷςΩετʜQ
64.  σβΠϯΛཁૉʹ෼ղ͢Δ
     )5.-ʹ͢Δ
     ཁૉʹ໊લΛ͚ͭΔ
     ελΠϧΛ͋ͯΔ
     ಈ͖Λ͚ͭΔ
65. #IUNM DTT $IUNM "IUNM ڞ௨ͷ
    ελΠϧ
66. #IUNM DTT $IUNM "IUNM ݟग़͠େ͸
    ੺͕͍͍ʂ ݟग़͠େ͸
    ྘͕͍͍ʂ
67. ͦΕͧΕͷཁૉʹ໊લΛ෇͚ͯղܾ ໊લ͕ಉ͡
    ʹ͋͠Β͍͕ಉ͡
68. I
    DMBTTIE3FE੺ͷݟग़͠େI I
    DMBTTIE(SFFO྘ͷݟग़͠େI
69. I
    DMBTTIE3FE੺ͷݟग़͠େI I
    DMBTTIE(SFFO྘ͷݟग़͠େI എܠ৭͸੺ʂ എܠ৭͸྘ʂ
70.  σβΠϯΛཁૉʹ෼ղ͢Δ
     )5.-ʹ͢Δ
     ཁૉʹ໊લΛ͚ͭΔ
     ελΠϧΛ͋ͯΔ
     ಈ͖Λ͚ͭΔ
71. I I
72. Լͷཁૉͱͷ༨നɿɹQY
    ཁૉ಺ͷ༨നɿɹQY
    ԼϘʔμʔɿɹQYɹ௚ઢɹˌ&#
    എܠͷ৭ɿɹ⒎GF
    จࣈͷଠ͞ɿɹଠ͍
    จࣈαΠζɿɹQY I
73. Լཁૉͱͷ༨ന NBSHJOCPUUPN ཁૉ಺ͷ༨ന QBEEJOH ԼϘʔμʔ CPSEFSCPUUPN എܠͷ৭ CBDLHSPVOEDPMPS จࣈͷଠ͞ GPOUXJHIU จࣈͷେ͖͞ GPOUTJ[F
74. I
    \
    
    
    NBSHJOCPUUPN
    QY
    
    
    QBEEJOH
    QY
    
    
    CPSEFSCPUUPN
    QY
    TPMJE
    &#
    
    
    CBDLHSPVOEDPMPS
    ⒎GF
    
    
    GPOUXFJHIU
    CPME
    
    
    GPOUTJ[F
    QY
    
    
    ^
75. DMBTTIE3FE
76. IE3FE
    \
    
    
    NBSHJOCPUUPN
    QY
    
    
    QBEEJOH
    QY
    
    
    CPSEFSCPUUPN
    QY
    TPMJE
    &#
    
    
    CBDLHSPVOEDPMPS
    ⒎GF
    
    
    GPOUXFJHIU
    CPME
    
    
    GPOUTJ[F
    QY
    
    
    ^
77. IE3FE
    \
    
    
    NBSHJOCPUUPN
    QY
    
    
    QBEEJOH
    QY
    
    
    CPSEFSCPUUPN
    QY
    TPMJE
    &#
    
    
    CBDLHSPVOEDPMPS
    ⒎GF
    
    
    GPOUXFJHIU
    CPME
    
    
    GPOUTJ[F
    QY
    
    
    ^ DMBTTIE3FE
78. Qͷதʹ͋Δ
    TUSPOH
79. จࣈͷ৭ɿɹ''
    จࣈͷଠ͞ɿɹଠ͍ Qͷதʹ͋Δ
    TUSPOH
80. Q
    TUSPOH
    \
    
    
    DPMPS
    ''
    
    
    GPOUXFJHIU
    CPME
    
    
    ^
81. Q
    TUSPOH
    \
    
    
    DPMPS
    ''
    
    
    GPOUXFJHIU
    CPME
    
    
    ^ Qͷதʹ͋Δ
    TUSPOH
82.  σβΠϯΛཁૉʹ෼ղ͢Δ
     )5.-ʹ͢Δ
     ཁૉʹ໊લΛ͚ͭΔ
     ελΠϧΛ͋ͯΔ
     ಈ͖Λ͚ͭΔ
83. γεςϜݚमͰ΍ΔͷͰׂѪ
84. ࠓ೔ͷ·ͱΊ
85. ϚʔΫΞοϓͬͯͳʹʁ
    
    σβΠϯΛϒϥ΢β͕ೝࣝͰ͖Δݴ༿ʹ͢Δ
    )5.-$44+4
    
    )5.-ɿཁૉͷछྨΛࢦఆ͢Δ
    
    $44ɿཁૉͷ͋͠Β͍Λࢦఆ͢Δ
    
    +4ɿཁૉͷಈ͖Λࢦఆ͢Δ
86. 4&0ͷ͸ͳ͠
    
    αʔνΤϯδϯͷ࠷దԽ
    
    త֬ͳϚʔΫΞοϓ͕ඞਢ
    
    
87. ࣮ࡍͲ͏΍Δͷʁ
     σβΠϯΛཁૉʹ෼ղ͢Δ
     )5.-ʹ͢Δ
     ཁૉʹ໊લΛ͚ͭΔ
     ελΠϧΛ͋ͯΔ
     ಈ͖Λ͚ͭΔ
88. ͓ർΕ༷Ͱͨ͠