๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
HTML + CSS ์‹œ๋ฆฌ์ฆˆ๐Ÿ•ธ/HTML & CSS ์‹œ๋ฆฌ์ฆˆ(V 1.0)

์˜ต์…”๋„ ํƒœ๊ทธ ์ด๊ฑด ๋˜ ๋ญ์•ผ? | HTML & CSS ์‹œ๋ฆฌ์ฆˆ 007

by @ENFJ 2021. 7. 22.

์˜ต์…”๋„ ํƒœ๊ทธ(Optional Tags) .. ์ด๊ฑด ๋˜ ๋ญ์•ผ?

์˜ต์…”๋„ ํƒœ๊ทธ.. ์—๋Š” <html> <head> <body> ํƒœ๊ทธ ๋“ค์„ ๋งํ•œ๋‹ค.

์ด๋Ÿฐ ํƒœ๊ทธ๋“ค์€ ์ง์ ‘ ํ•ด๋ณด๋ฉด ์•Œ๊ฒ ์ง€๋งŒ, ์“ฐ์ง€ ์•Š์•„๋„ ๋ณ„ ๋ฌธ์ œ ์—†์ด ์ž‘๋™๋œ๋‹ค.

 

 

 

 ๊ทธ๋Ÿฌ๋ฉด ์˜ต์…”๋„ ํƒœ๊ทธ ๊ผญ ์จ์•ผ ํ•ฉ๋‹ˆ๊นŒ?

Optional Tags!  ๋‹จ์–ด ๊ทธ๋Œ€๋กœ ์„ ํƒ์  ํƒœ๊ทธ ๋ผ๋Š” ๋œป์„ ์ง€๋‹Œ๋‹ค.

์„ ํƒ์ ?? 

๊ทธ๋ ‡๋‹ค๋ฉด ํ•ด๋„ ๋˜๊ณ  ์•ˆํ•ด๋„ ๋˜๋Š” ๊ฑด๊ฐ€? => ๊ฒฐ๋ก ๋ถ€ํ„ฐ ๋งํ•˜์ž๋ฉด ๊ทธ๋ ‡์Šต๋‹ˆ๋‹ค.

 

 ์ •๋ง ๊ฐœ์ธ ์ž์œ ์ธ๊ฒƒ ๊ฐ™๋‹ค. ์Œ..๋“ค์—ฌ์“ฐ๊ธฐ ,์ฃผ์„ ๋ฅผ ๊ผญ ์จ์•ผ ๋˜๋ƒ๋Š” ๋ฌป๋Š” ๊ฒƒ๊ณผ ๊ฑฐ์˜..๋น„์Šทํ•˜๋‹ค๊ณ  ๊ฐœ์ธ์ ์œผ๋กœ ๋ณธ๋‹ค.

 

๊ทธ๋ ‡์ง€๋งŒ ๋‚˜๋Š”

์ •๋ฆฌ ๋ชฉ์ ์œผ๋กœ ์œ„์— ๋งํ–ˆ๋˜ <html> <head> <body> ํƒœ๊ทธ๋“ค์„ ์‚ฌ์šฉํ•˜๋Š” ํ•˜๋Š”๊ฒŒ ์ข‹๋‹ค๊ณ  ๋ณธ๋‹ค.

<head> <body> ๋ฅผ ํ†ตํ•ด์„œ ์ฝ”๋“œ์˜ ๊ตฌ์กฐ๊ฐ€ ํ•œ ๋ˆˆ์— ๋“ค์–ด์˜ค๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

 

 

+๊ทธ์น˜๋งŒ ๊ตฌ๊ธ€ ๊ฐ€์ด๋“œ (https://google.github.io/styleguide/htmlcssguide.html#Optional_Tags)์—์„œ๋Š”์ƒ๋žตํ•˜๋ผ๊ณ  ์ด์œ ์™€ ํ•จ๊ป˜ ์•„๋ž˜ ๊ทธ๋ฆผ๊ณผ ๊ฐ™์ด ๋‚˜์™€์žˆ๋‹ค.