[html]5_배우기(tag)

HTML의 태그들(meta~)

meta

meta태크는 빈태그형식이다.문자의 인코딩 방식을 charset으로 설정한다.
시작태그만 있으면 된다.

속성

1. charset head에서 최상위 에서 선언해주는 것이 좋다.

• EUC-KR: 완성형
  김 덕 환

• UTF-8: 조합형
  ㄱ ㅣ ㅁ ㄷ ㅓ ㄱ

1. content

http-equiv 또는 name 속성중 속성의 값을 넣을때 활용된다. http-equiv과 name은 동시에 사용할수 없다

1. http-equiv

이 속성의 값으로 서버나 사용자의 작동방식을 변경할 수 있다.
지시값은 conten 속성 안에 정의한다.

1. name

문서 메타데이터의 이름을 정의한다. author description등등 viewport는 반응형 웹사이트를 만들때 사용한다.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

랜더링 되는 영역을 명시하는 것이다. 가로너비를 장비의 가로,초반 확대축소값을 1배율로

link

link에 대한 정보

현재 문서와 외부 리소스와의 관계를 명시한다. 외부리소스는 거의 css파일이다.

• MIME 타입 클라이언트에게 전송된 문서의 다양성을 알려준다.

속성

1. href 링크된 리소스의 URL을 나타낸다.절대경로,상대경로

2. rel 링크된 문서와 현재 문서와의 관계를 말해준다.

   • stylesheet : css를 갖고와서 쓰겠다.

style

head태그 body태그에도 사용가능하지만
head태그에 사용하는 것이 효율적이다.
style에 대한 정보

문서나 문서 일부에 대한 스타일 정보를 포함한다.css

base

html의 문서에 단 한번 작성할 수 있다.
상대적인 주소의 기준을 잡아준다.

<base href="./css/">

body 태그 안의 태그들

div는 의미없는 태그로 분류할려고 사용하나
의미가 있는 태그를 사용하는 것이 좋다

1. header header태그 MDN소개나 탐색을 돕는 그룹 header안에는 header , footer를 쓸 수 없고 전역 속성을 포함한다.

2. footer footer태그 MDN사이트 하단에 저작권등을 보여주는 준다. block요소

3. h1~h6 h1~h6태그 MDN
   제목의 정보는 문서의 목차구조!!를 만드는데 사용된다.
   폰트크기의 조절을 위해 h1,h3 단계를 뛰어넘는 행위는 좋지 않다.
   첫번째 단계의 제목 h1은 한 번만 사용하자

4. main 문서나 앱 body의 주요 콘텐츠를 나타낸다. IE 지원 불가 block요소

5. article
   article MDN 독립적으로 구분되거나 재사용 가능한 영역을 설정한다.
   일반적으로 h1~h6포함 그리고 작성 일자와 시간을 작성한다. 블록요소

6. section
   section MDN h1~h6을 포함하고 블록요소 article태그속성에 들어갈 수도 포함할 수도 있다.
   div태그와 차이점 : 구역설정은 하지만 section은 제목을 갖으면서 의미를 갖는다.
   article > section > div 느낌.

7. aside
   별도 콘텐츠를 설정한다. 광고나 링크 블록요소.

8. nav
   다른 페이지 링크를 제공하는 영역,메뉴태그를 묶을 때 자주사용 블록요소
   nav tag

9. address
   address tag MDN

10. div 의미없는 콘텐츠 영역을 설정한다. CSS,JavaScript를 입력하여
    제어를 할때 사용한다 블록요소