DigitalNomad

Semantic HTML5 본문

Web/Front end

Semantic HTML5

훌루루훌루 2017. 10. 12. 11:32

HTML은 마크업 언어로 문법 오류에 관대합니다.

(참조 - http://digital-nomad-plz.tistory.com/1)


<tag> 내용 </tag>

여는 태그(<tag>)로 시작해 닫는 태그(</tag>)로 닫으면 됩니다.

<nomeaning> 내용 </nomeaning>

nomeaning이 가능한 것 처럼 tag엔 여러가지 문자가 들어갈 수 있습니다.

(기호는 생각해보지 않았네요)


Semantic 구조 HTML은 여기에서 시작합니다.



봇과 인간 모두 읽기 쉬운 형태로 HTML 구조를 만듭니다.


구글과 네이버 검색엔진이 제 블로그를 판단할 때 이용합니다.


모두 <div> 태그로 짜기 보단 Semantic하게 짜면 읽기 쉽겠죠?


Element 관련해 참조하면 좋은 웹들 입니다


Semantic Element 정리 : https://www.w3schools.com/html/html5_semantic_elements.asp

                 https://www.thoughtco.com/why-use-semantic-html-3468271


Semantic HTML 관련 글 : https://internetingishard.com/html-and-css/semantic-html/















'Web > Front end' 카테고리의 다른 글

HTML의 구조  (0) 2017.10.13
웹을 꾸미는 도구 CSS란?  (0) 2017.10.13
HTML 이란?  (0) 2017.10.11
Comments