๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
studies/Front-end

[HTML] img ํƒœ๊ทธ์˜ alt ์†์„ฑ

by Vada Kim 2020. 2. 14.
728x90
๋ฐ˜์‘ํ˜•

 

alt ์†์„ฑ์€ ์‚ฌ์šฉ์ž๊ฐ€ ์–ด๋–ค ์ด์œ ๋กœ ๋“  ์ด๋ฏธ์ง€๋ฅผ ๋ณผ ์ˆ˜์—†๋Š” ๊ฒฝ์šฐ (์—ฐ๊ฒฐ ์†๋„ ์ €ํ•˜, src ์†์„ฑ ์˜ค๋ฅ˜ ๋˜๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ํ™”๋ฉด ํŒ๋…๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ) ์ด๋ฏธ์ง€์˜ ๋Œ€์ฒด ํ…์ŠคํŠธ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. / ์ถœ์ฒ˜:w3school

alt๋Š” alternative์˜ ์ค„์ž„์œผ๋กœ, ๊ทธ ๋œป์€ 1. ๋Œ€์•ˆ, ์„ ํƒ ๊ฐ€๋Šฅํ•œ ๊ฒƒ 2. ๋Œ€์ฒด ๊ฐ€๋Šฅํ•œ, ๋Œ€์•ˆ์ด ๋˜๋Š” 3. ๋Œ€์•ˆ์ ์ธ, ๋Œ€์ฒด์˜(์ „ํ†ต์ ์ธ ๋ฐฉ์‹๊ณผ ๋‹ค๋ฅธ) ์ด๋‹ค.

 

์›น๋ฌธ์„œ๋ฅผ ๋ฐฉ๋ฌธํ•œ ์‚ฌ์šฉ์ž ์ค‘ ์ด๋ฏธ์ง€๊ฐ€ ์ •์ƒ์ ์œผ๋กœ ํ‘œ์‹œ๋˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ๋„ ๋ถ„๋ช… ์กด์žฌํ• ํ…Œ๋‹ˆ ์ด๋ฏธ์ง€๋ฅผ ์ œ๊ณต๋ฐ›์ง€ ๋ชปํ•˜๋Š” ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•ด ๋Œ€์ฒด ํ…์ŠคํŠธ๋ฅผ ์ ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

 

 

<IMG src='*'>

 

<img src='*' alt='์‹ ๊ทœ ์Œ๋ฐ˜ ํ”„๋กœ๋ชจ์…˜ ์ด๋ฏธ์ง€'>

728x90
๋ฐ˜์‘ํ˜•