ICT

HTML5에 λŒ€ν•΄ μ•Œμ•„λ³΄μž!

μ•Œ 수 μ—†λŠ” μ‚¬μš©μž 2016. 11. 22. 16:10
λ°˜μ‘ν˜•

 

 

 

HTML5λž€?
"Hyper Text Markup Language 5" μ€„μΈλ§λ‘œ κΈ°μ‘΄ μ›Ή λ¬Έμ„œ μ œμž‘μ„ μœ„ν•œ ν‘œμ€€ ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄ HTML의 μ΅œμ‹  규격이 HTML5라 λ³΄μ‹œλ©΄ λ©λ‹ˆλ‹€. μ΅μŠ€ν”Œλ‘œλŸ¬μ˜ κ³ μ§ˆλ³‘μ΄λΌ ν•  수 μžˆλŠ” ν•˜μ§€λ§Œ κ΅­λ‚΄ μ›Ή λΈŒλΌμš°μ € μ‚¬μš©μ— μ—†μ–΄μ„  μ•ˆ 될 μ—‘ν‹°λΈŒX 없이도 λ˜ν•œ ν”Œλž˜μ‹œλ‚˜ μ‹€λ²„λΌμ΄νŠΈ 없이도 λ™μ˜μƒ μž¬μƒκ³Ό κ·Έλž˜ν”½ λ“± λ™μΌν•œ κΈ°λŠ₯듀을 κ΅¬ν˜„ ν•˜λŠ”λ° κ±°μΉ¨ μ—†λŠ”κ²ƒμ΄ νŠΉμ§•μ΄λ‹€.

 

 

 

 

 

 

 

기쑴에 μ›Ή μ‚¬μ΄νŠΈ λ“±μ—μ„œ λ™μ˜μƒμ΄λ‚˜ μŒμ•…κ³Ό 같은 λ―Έλ””μ–΄λ₯Ό ν”Œλ ˆμ΄ν•˜κΈ° μœ„ν•΄μ„  ν”Œλž˜μ‹œλ‚˜ μžλ°” 등이 ν•„μˆ˜μ‘±μœΌλ‘œ ν•„μš”ν–ˆκ³  μ΄λŸ¬ν•œ 이유둜 아이폰 , μ•„μ΄νŒ¨λ“œ  λ“±κ³Ό 같은 μ• λ“€ λ””λ°”μ΄μŠ€λ₯Ό 톡해 μ›Ή μ„œν•‘μ„ ν•˜λŠ” κ²½μš°μ—” λΆˆνŽΈν•œ κ²½μš°κ°€ λ§Žμ•˜μŠ΅λ‹ˆλ‹€. ν—ˆλ‚˜ HTEML5의 λ“±μž₯으둜 인해 이런 λΆˆνŽΈν•¨μ€ 점차 ν•΄μ†Œλ˜κ³  μžˆλŠ” 쀑이죠 이렇듯 우린 μ•Œκ²Œ λͺ¨λ₯΄κ²Œ HTML5에 λŒ€ν•œ 쑴재λ₯Ό 느끼고 μ—‘ν‹°λΈŒX등을 μ„€μΉ˜ν•˜κ³  제거 ν•˜λŠ” λ“± μ›Ή μ‚¬μš©μ—μ„œ μ˜€λŠ” ν”Όλ‘œλ„λ₯Ό ν•œμΈ΅ 쀄일 수 κ°€ μžˆμŠ΅λ‹ˆλ‹€.

 

 

 

 

 

 

 

 

HTML5의 μΆ”κ°€κΈ°λŠ₯

 

1. λ©€ν‹°λ―Έλ””μ–΄ κΈ°λŠ₯

κΈ°μ‘΄μ—λŠ” μ›ΉνŽ˜μ΄μ§€κ°€ ν”Œλž˜μ‹œ 도움없이 λ™μ˜μƒμ΄λ‚˜ μŒμ•…μ„ μž¬μƒν•  수 μ—†μ—ˆμ§€λ§Œ

μ΄μ œλŠ” κ°€λŠ₯ν•©λ‹ˆλ‹€. μŠ€λ§ˆνŠΈν°μ—μ„œλŠ” λŒ€λΆ€λΆ„ HTML5λ₯Ό μ§€μ›ν•˜λ―€λ‘œ

μ‚¬μš©μ„ 많이 ν•˜κ³  μžˆμ§€λ§Œ 아직 λ°μŠ€ν¬ν†± λΈŒλΌμš°μ €λŠ” HTML5λ₯Ό

μ§€μ›ν•˜μ§€ μ•ŠλŠ” μ΅μŠ€ν”Œλ‘œλŸ¬8 μ΄μ „μ˜ λΈŒλΌμš°μ €κ°€λ§Žμ•„μ„œ ν”Œλž˜μ‹œλ₯Ό 많이 μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

2. κ·Έλž˜ν”½κΈ°λŠ₯
HTML은 2μ°¨μ›κ·Έλž˜ν”½κ³Ό 3차원 κ·Έλž˜ν”½μ„ κ΅¬ν˜„ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

3. 톡신
μ‹€μ‹œκ°„μœΌλ‘œ μ„œλ²„μ™€ μ–‘λ°©ν–₯ 톡신이 κ°€λŠ₯ν•΄μ„œ μ›Ήμ—μ„œ μ‹€μ‹œκ°„ μ±„νŒ…μ΄λ‚˜

μ‹€μ‹œκ°„ 온라인 κ²Œμž„μ„ 즐길 수 μžˆμŠ΅λ‹ˆλ‹€.

4. μž₯μΉ˜μ ‘κ·Ό
μž₯μΉ˜μ— μ ‘κ·Όν•΄ μž₯치의 정보와 κΈ°λŠ₯을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

 

예λ₯Όλ“€λ©΄ 슀마트폰 λ² ν„°λ¦¬μž”λŸ‰ 같은 정보λ₯Ό κ°€μ Έμ˜¬ 수 μžˆμŠ΅λ‹ˆλ‹€.

5. μ˜€ν”„λΌμΈ 및 μ €μž₯μ†Œ
인터넷이 μ—°κ²°λ˜μ§€ μ•Šμ€ μƒνƒ±μ„œλ„ μ›νŽ˜μ΄μ§€λ₯Ό μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

6.μ‹œλ§¨ν‹± νƒœκ·Έ
HTML5 제일 μ€‘μš”ν•œ μΆ”κ°€κΈ°λŠ₯μž…λ‹ˆλ‹€.
<header>,<nav>λ“± 의미λ₯Όκ°€μ§„ νƒœκ·Έλ“€μ΄ λ“±μž₯ν•΄μ„œ 검색엔진과 같은

ν”„λ‘œκ·Έλž¨μ΄ μ •λ³΄μ˜ 의미λ₯Ό λΆ„μ„ν•˜κ³  μ œκ³΅ν•˜λŠ” 지λŠ₯ν˜• 웹을 κ΅¬ν˜„ν• μˆ˜ μžˆμŠ΅λ‹ˆλ‹€.

7. css3
css3을 ν™œμš©ν•΄μ„œ μ• λ‹ˆλ©”μ΄μ…˜ 효고λ₯Ό 적용 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

 

 

 

 

 

 

 

λ°˜μ‘ν˜•