Html5-boilerplate: ๋ฌธ์„œ ๋ชจ๋“œ๋Š” IE 11 Preview๋ถ€ํ„ฐ ๋” ์ด์ƒ ์‚ฌ์šฉ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2013๋…„ 10์›” 08์ผ  ยท  6์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: h5bp/html5-boilerplate

ํ–ฅํ›„ ์ฐธ์กฐ:

IE11 Preview๋ถ€ํ„ฐ ๋ฌธ์„œ ๋ชจ๋“œ๋Š” ๋” ์ด์ƒ ์‚ฌ์šฉ๋˜์ง€ ์•Š์œผ๋ฉฐ ์ผ์‹œ์ ์ธ ๊ฒฝ์šฐ๋ฅผ ์ œ์™ธํ•˜๊ณ ๋Š” ๋” ์ด์ƒ ์‚ฌ์šฉํ•ด์„œ๋Š” ์•ˆ ๋ฉ๋‹ˆ๋‹ค. ์ตœ์‹  ํ‘œ์ค€์„ ๋ฐ˜์˜ํ•˜๋„๋ก ๋ ˆ๊ฑฐ์‹œ ๊ธฐ๋Šฅ ๋ฐ ๋ฌธ์„œ ๋ชจ๋“œ์— ์˜์กดํ•˜๋Š” ์‚ฌ์ดํŠธ๋ฅผ ์—…๋ฐ์ดํŠธํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์ตœ์‹  ํ‘œ์ค€ ๋ฐ ๊ธฐ๋Šฅ์„ ์ง€์›ํ•˜๊ธฐ ์œ„ํ•ด ์žฌ์ž‘์—…ํ•˜๋Š” ๋™์•ˆ ์‚ฌ์ดํŠธ๊ฐ€ ์ž‘๋™ํ•˜๋„๋ก ํŠน์ • ๋ฌธ์„œ ๋ชจ๋“œ๋ฅผ ๋Œ€์ƒ์œผ๋กœ ์ง€์ •ํ•ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ ํ–ฅํ›„ ๋ฒ„์ „์—์„œ๋Š” ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ์ „ํ™˜ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค๋Š” ์ ์— ์œ ์˜ํ•˜์‹ญ์‹œ์˜ค.

ํ˜„์žฌ x-ua-ํ˜ธํ™˜ ํ—ค๋”๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ ˆ๊ฑฐ์‹œ ๋ฌธ์„œ ๋ชจ๋“œ ๋ฅผ ํƒ€๊ฒŸํŒ…ํ•˜๋Š” ๊ฒฝ์šฐ ์‚ฌ์ดํŠธ์— IE11 ๋ฏธ๋ฆฌ๋ณด๊ธฐ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ตœ์ƒ์˜ ํ™˜๊ฒฝ์ด ๋ฐ˜์˜๋˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž์„ธํ•œ ๋‚ด์šฉ์€ modern.ie ๋ฅผ ์ฐธ์กฐํ•˜์„ธ์š”.

์ถœ์ฒ˜: http://msdn.microsoft.com/en-us/library/ie/bg182625.aspx#docmode

ํŽธ์ง‘: ์ด ํ† ๋ก ๊ณผ๋„ ๊ด€๋ จ์ด ์žˆ์Šต๋‹ˆ๋‹ค: https://twitter.com/reybango/status/390911744278663168.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

@zulaica

์ด๊ฒƒ์€ HTML5 doctype์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ๊ณผ ๊ธฐ๋Šฅ์ ์œผ๋กœ ๋™์ผํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋ฉด ์ข‹๊ฒ ์ง€๋งŒ ๋ถˆํ–‰ํžˆ๋„ ํ˜„์‹ค๊ณผ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋ฌธ์„œ๊ฐ€ ์ธํŠธ๋ผ๋„ท์„ ํ†ตํ•ด ๋กœ๋“œ๋˜๋Š” ๊ฒฝ์šฐ์™€ ๊ฐ™์ด <!DOCTYPE html> ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ์—๋„ Internet Explorer๊ฐ€ ํ˜ธํ™˜ ๋ชจ๋“œ๋ฅผ ํŠธ๋ฆฌ๊ฑฐํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  6 ๋Œ“๊ธ€

๊ทธ๋ž˜์„œ ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ๋Š” IE<11์— ๋Œ€ํ•œ ํ•˜์œ„ ํ˜ธํ™˜์„ฑ์„ ๊นจ๊ณ  ๊ทธ๊ฒƒ์ด ๊ดœ์ฐฎ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๊นŒ?

์ „ ์„ธ๊ณ„๊ฐ€ ์š”๊ตฌํ•˜๋Š” ๊ฒƒ์€ ์šด์˜ ์ฒด์ œ๋ฅผ ์—…๊ทธ๋ ˆ์ด๋“œํ•˜๋Š” ๋ฐ ๋น„์šฉ์„ ์ง€๋ถˆํ•˜๋Š” ๊ฒƒ๋ฟ์ž…๋‹ˆ๋‹ค.pโ€”
iPhone์šฉ ํŽธ์ง€ํ•จ์—์„œ ์ „์†ก๋จ

2014๋…„ 2์›” 13์ผ ๋ชฉ์š”์ผ ์˜ค์ „ 5์‹œ 42๋ถ„, Tim Marinin [email protected]
์ผ๋‹ค:

๊ทธ๋ž˜์„œ ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ๋Š” IE<11์— ๋Œ€ํ•œ ํ•˜์œ„ ํ˜ธํ™˜์„ฑ์„ ๊นจ๊ณ  ๊ทธ๊ฒƒ์ด ๊ดœ์ฐฎ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๊นŒ?

์ด ์ด๋ฉ”์ผ์— ์ง์ ‘ ๋‹ต์žฅํ•˜๊ฑฐ๋‚˜ GitHub์—์„œ ํ™•์ธํ•˜์„ธ์š”.
https://github.com/h5bp/html5-boilerplate/issues/1446#issuecomment -34978510

X-UA ํ˜ธํ™˜ ํ—ค๋”/๋ฉ”ํƒ€ ํƒœ๊ทธ๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๊นŒ?

๋‹ค์Œ ๊ฐ’์„ ์‚ฌ์šฉํ•˜์—ฌ Internet Explorer 6๋ถ€ํ„ฐ IE11๊นŒ์ง€ Internet Explorer์—์„œ ์ง€์›ํ•˜๋Š” ๊ฐ€์žฅ ๋†’์€ ํ‘œ์ค€ ๋ชจ๋“œ์ธ Edge ๋ชจ๋“œ์—์„œ ์›น ํŽ˜์ด์ง€๋ฅผ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.

<๋ฉ”ํƒ€ http-equiv="x-ua-compatible" content="IE=์—์ง€" >

์ด๊ฒƒ์€ HTML5 doctype์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ๊ณผ ๊ธฐ๋Šฅ์ ์œผ๋กœ ๋™์ผํ•ฉ๋‹ˆ๋‹ค. Internet Explorer๋ฅผ ์ง€์›๋˜๋Š” ๊ฐ€์žฅ ๋†’์€ ๋ฌธ์„œ ๋ชจ๋“œ๋กœ ์ „ํ™˜ํ•ฉ๋‹ˆ๋‹ค. Edge Most๋Š” Internet Explorer๋ฅผ ํฌํ•จํ•˜์—ฌ ์—ฌ๋Ÿฌ ๋ธŒ๋ผ์šฐ์ € ๊ฐ„์˜ ์ƒํ˜ธ ์šด์šฉ์„ฑ์„ ์ •๊ธฐ์ ์œผ๋กœ ํ…Œ์ŠคํŠธํ•˜๋Š” ์ •๊ธฐ์ ์œผ๋กœ ์œ ์ง€ ๊ด€๋ฆฌ๋˜๋Š” ์›น ์‚ฌ์ดํŠธ์— ๊ฐ€์žฅ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

๊ฐ•์กฐ ๋‚ด. X-UA-Compatible ํ—ค๋”/๋ฉ”ํƒ€ ํƒœ๊ทธ ์„ค์ •์ด HTML5 ๋ฌธ์„œ ์œ ํ˜•๊ณผ ์ค‘๋ณต๋˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค.

์ถœ์ฒ˜: http://msdn.microsoft.com/en-us/library/jj676915 (v=vs.85).aspx

@zulaica

์ด๊ฒƒ์€ HTML5 doctype์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ๊ณผ ๊ธฐ๋Šฅ์ ์œผ๋กœ ๋™์ผํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋ฉด ์ข‹๊ฒ ์ง€๋งŒ ๋ถˆํ–‰ํžˆ๋„ ํ˜„์‹ค๊ณผ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋ฌธ์„œ๊ฐ€ ์ธํŠธ๋ผ๋„ท์„ ํ†ตํ•ด ๋กœ๋“œ๋˜๋Š” ๊ฒฝ์šฐ์™€ ๊ฐ™์ด <!DOCTYPE html> ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ์—๋„ Internet Explorer๊ฐ€ ํ˜ธํ™˜ ๋ชจ๋“œ๋ฅผ ํŠธ๋ฆฌ๊ฑฐํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ ์ด ํ† ๋ก ๊ณผ ๊ด€๋ จ์ด ์žˆ์Šต๋‹ˆ๋‹ค. Internet Explorer 11์šฉ ์—”ํ„ฐํ”„๋ผ์ด์ฆˆ ๋ชจ๋“œ .

๊ด€๋ จ ์ •๋ณด๋Š” ๋ฌธ์„œ์— ํฌํ•จ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰