[HTML/CSS] πŸ“š 메타데이터 μš”μ†Œ

pyeonneΒ·2022λ…„ 6μ›” 9일
0
post-thumbnail

πŸ“‹ κΈ°μ–΅ν•˜κ³  싢은 λ‚΄μš©

πŸ“Œ λ©”νƒ€λ°μ΄ν„°μ˜ μ—­ν• 

  • HTML λ¬Έμ„œλ₯Ό μ„€λͺ…ν•˜λŠ” 데이터λ₯Ό 메타데이터라 ν•˜κ³ , head μš”μ†Œ 내뢀에 μž‘μ„±λ˜μ–΄ μžˆλ‹€.

πŸ“Œ title

  • head μš”μ†Œ 내뢀에 title μš”μ†ŒλŠ” ν•˜λ‚˜λ§Œ μ‘΄μž¬ν•΄μ•Ό ν•œλ‹€.
  • λ‹¨μˆœνžˆ λͺ…μ‚¬λ§ŒμœΌλ‘œ λ‚˜μ—΄λœ 제λͺ©μ€ κ΄‘κ³  νŽ˜μ΄μ§€λ‘œ 인식해 검색 μ•Œκ³ λ¦¬μ¦˜μ΄ κ²°κ³Όμ—μ„œ μˆœμ„œλ₯Ό μ•„λž˜λ‘œ λ‚΄λ¦°λ‹€.

πŸ“Œ meta

  • meta μš”μ†Œμ˜ name 속성과 content 속성이 짝을 이룬닀.
  • meta μš”μ†Œλ₯Ό μž‘μ„±ν•˜λŠ” 것은 ν•„μˆ˜ μš”μ†ŒλŠ” μ•„λ‹ˆμ—¬μ„œ 개인 ν”„λ‘œμ νŠΈμ—μ„œλŠ” ꡳ이 μž‘μ„±ν•˜μ§€ μ•Šμ•„λ„ λ˜μ§€λ§Œ, μ—”ν„°ν”„λΌμ΄μ¦ˆ ν”„λ‘œμ νŠΈμ—μ„œλŠ” κΌΌκΌΌν•˜κ²Œ μž‘μ„±ν•΄μ•Ό ν•œλ‹€.
  • ꡳ이 뷰포트의 λ„ˆλΉ„λ₯Ό ν™•λŒ€ν•  ν•„μš”κ°€ μ—†μœΌλ©΄ initial-scale 값을 1.0으둜 μ§€μ •ν•˜λŠ” 것이 기본이닀.

πŸ“Œ MIME νƒ€μž…

  • link μš”μ†Œλ₯Ό μ‚¬μš©ν•΄ μ™ΈλΆ€ νŒŒμΌμ„ 뢈러올 뿐 ν•΄λ‹Ή 파일이 μ–΄λ–€ ν˜•μ‹μΈμ§€λŠ” λΆ„μ„ν•˜μ§€ λͺ»ν•œλ‹€. κ·Έλž˜μ„œ type 속성을 λͺ…μ‹œν•˜λŠ” 것인데, 이λ₯Ό MIME νƒ€μž…μ΄λΌ ν•œλ‹€.
  • λŒ€μ†Œλ¬Έμž ꡬ뢄없이 μž‘μ„± κ°€λŠ₯ν•˜μ§€λ§Œ, 가독성을 μœ„ν•΄ μ†Œλ¬Έμžλ₯Ό μ‚¬μš©ν•œλ‹€.

πŸ“Œ script

  • HTML λ¬Έμ„œλŠ” script μš”μ†Œλ₯Ό λ¨Όμ € ν•΄μ„ν•˜κΈ° λ•Œλ¬Έμ— script μš”μ†ŒλŠ” body μš”μ†Œ λ‚΄λΆ€ 제일 ν•˜λ‹¨μ— μž‘μ„±ν•˜λŠ” 것이 μ’‹λ‹€.

πŸ”— μ°Έκ³  래퍼런슀

profile
κ±΄κ°•ν•œ λͺΈκ³Ό λ§ˆμŒμ—μ„œ κ±΄κ°•ν•œ μ½”λ“œκ°€ νƒœμ–΄λ‚œλ‹€ !

0개의 λŒ“κΈ€