정보로써의 HTML
HTML은 웹페이지의 정보 전달이 핵심이다. 이 내용은 어떤 정보인지, 어떤 분류로 나뉠 수 있는지를 잘 나타내는 HTML이 훌륭한 HTML이라고 할 수 있다.
font 태그가 퇴출된 이유
font 태그는 원래 있었던 태그 이지만 퇴출되었다. 그 이유는 정보로써의 HTML에 부합하지 않기 때문이다. font 태그는 단순히 그 텍스트가 어떻게 생겨야할지를 정해주는 태그로 그 텍스트가 어떤 의미인지는 알려주고 있지 않다. 이러한 역할은 CSS로 하고 HTML에서는 어떤 의미를 나타내는 것이 좋다.
meta 태그
데이터를 설명하는 데이터로 웹페이지 전체의 정보를 나타내는 요약 데이터이다.
- charset : 파일을 저장할 때 어떤 방식으로 저장할 것인지를 설정
- name="description" content ="meta태그의 기능을 설명해주는 페이지"
: 웹페이지에는 나오지 않지만 웹페이지를 요약설명한다. 검색엔진 최적화시 필요 - name="keywords" content = "meta, name, charset, description, content"
: 웹페이지에는 나오지 않지만 웹페이지의 키워드 요약한다. 검색엔진 최적화시 필요 - http-equiv ="refresh" content = "30"
:웹페이지의 새로고침을 설정할 수 있으며 30초에 한번씩 새로고침한다는 의미이다.
<html>
<head>
<meta charset="utf-8">
<meta name = "description" content="meta태그의 기능을 설명해주는 페이지">
<meta name="keywords" content = "meta, name, charset, description, content">
<meta http-equiv="refresh" content ="30">
</head>
<body>
</body>
</html>semantic 태그들
semantic 태그란 의미론적 태그를 의미하며 화면에 보이는 것을 바꾸지는 않지만 HTML파일에서 어떤 의미를 가지고 있는지를 구분해주고 알려주는 태그들이다.
의미론적으로 가치있게 만들어 준다.
- article : 본문
- aside : 광고와 같이 페이지의 내용과 관계가 적은 내용들
- details : 기본적으로 표시되지 화면에 표시되지 않는 정보들을 정의
- figure : 삽화나 다이어그램과 같은 부가적인 요소를 정의
- footer : 화면의 하단에 위치하는 사이트나 문서의 전체적인 정보를 정의
- header : 화면의 상단에 위치하는 사이트나 문서의 전체적인 정보를 정의
- mark : 참조나 하이라이트 표시를 필요로 하는 문자를 정의
- nav : 문서의 네비게이션 항목을 정의
- section : 문서의 구획들을 정의
- time : 시간을 정의
