HTML 정리

지금까지 HTML 이론에 대해서 전반적으로 정리해 보았습니다. 

마무리짓기 전에, 복습을 해 보도록 하겠습니다. 

제일 먼저, head는 보이지 않는 부분, body는 보이는 부분이라고, HTML문서의 생김새에 대해 살펴 보았습니다. 

그 다음, 우리는 태그의 구조에 대해서 알아보았습니다.
<name property="value>explanation</name>
예를 들어, <human gender="male">human</human>, <인간 성별="남성">인간</인간>과 같이 쓰일 수 있습니다.

그러고나서, meta태그에 대해서 배웠습니다.
meta태그는 브라우저에 전달하는 추가정보로, head에 속하는 부분이고, 절대 body부분에 속하지 않습니다.
그 이유는, 바로, meta태그는 브라우저를 위한 정보이기 때문입니다. 

그 후에, semantic, 의미있는 태그와 non-semantic, 의미없는 태그에 대해서 알아보았습니다. 
semantic, 의미있는 태그에 속하는 ariticle태그와 non-semantic, 의미없는 태그에 속하는 div태그의 차이점도 함께 살펴보았습니다. 
non-semantic, 의미가 없는 태그인 div태그는 그 안의 내용이 링크인지, 이미지인지, 리스트인지에 대해 알 수 없고,
반면, semantic, 의미있는 태그인 article태그는 그 안에 있는 내용이 article, 글이라는 사실을 알 수 있습니다.
따라서, div와 같은 non-semantci, 의미없는 태그들의 무의미한 나열들과는 달리,
semantic, 의미있는 태그들은 수많은 코드속에서 각 항목들이 각각 무엇을 뜻하는지 알려줍니다.

마지막으로, 각 element, 내용들에게 명칭을 내리는 방법으로, ID와 Class를 배웠습니다.
ID는 오직 하나의 element, 내용에서만 사용하기 때문에, 고유합니다.
즉, 각 element는 한 개의 ID만 가질 수 있습니다. 
반면, Class는 여러 element에서 사용될 수 있습니다. 
예를 들어, ID는 여권번호로 생각할 수 있고, Class는 국적, 성별과 같은 걸로 이해할 수 있습니다.