시맨틱 semantic 의 정의와 기본

시맨틱 태크란?

 

 

SOURCE 참조 : http://www.w3schools.com/html/html5_semantic_elements.asp

 

Semantics is the study of the meanings of words and phrases in language.

Semantic elements are elements with a meaning.

시맨틱이란 '의미가 통하는' 이란 뜻으로 언어속에서 단어와 구 등에 의미를 부여하는 요소들이다.

 

What are Semantic Elements?

시맨틱 요소들에는 어떤 것들이 있나?

A semantic element clearly describes its meaning to both the browser and the developer.

Examples of non-semantic elements: <div> and <span> - Tells nothing about its content.

Examples of semantic elements: <form>, <table>, and <img> - Clearly defines its content.

 

시맨틱요소들은 브라우저와 개발자들에게 의미를 부여한다. 논시맨틱요소의 예는 DIV와 SPAN이고, 시맨틱 요소로는 FORM, TABLE, IMG 와 같은 컨텐츠를 정의한다.

---

 

Browser Support

HTML5 semantic elements are supported in all modern browsers.

In addition, you can "teach" older browsers how to handle "unknown elements".

Read about it in HTML5 Browser Support.

HTML5 시맨틱 요소들은 모든 일반적인 브라우저에 적용이 되며, 오래된 브라우저들에게 알려지지않은 요소들을 핸들링할수있는 방법을 알려줄 수도 있다.

 

 

 

Many web sites contain HTML code like:< div id="nav"> <div class="header"> <div id="footer">to indicate navigation, header, and footer.

HTML5 offers new semantic elements to define different parts of a web page:  

• <article>
• <aside>
• <details>
• <figcaption>
• <figure>
• <footer>
• <header>
• <main>
• <mark>
• <nav>
• <section>
• <summary>
• <time>