Meta Tag   meta 요소, meta 태그

(2020-09-07)

Viewport, 뷰포트

1. meta 요소                                                   ☞ 메타데이터(Metadata) 참조head 요소 내 위치하며, 문서 정보웹브라우저에게 제공키 위한 요소 (문서 자체를 설명)
     * 특히, 검색엔진 등이 웹페이지들을 검색할 때 유용한 정보 제공을 목적으로 함
        . (문서 내용, 문서 핵심 키워드, 작성자 정보, 문자인코딩, 뷰포트 등)

  ㅇ 주요 속성
     - name 속성 : title, description, author, keywords, viewport
     - content 속성 : 위 name 속성에 대응되는 속성값을 이 곳에 적어둠
     - charset 속성 : 문자셋 방식
     - http-equiv 속성 : refresh 등


2. 뷰포트 (Viewport)웹브라우저 상에 실제 보이는 화면 영역
     - 즉, 마우스 등으로 화면 크기를 크게/작게 변경할 때 변하는 화면 영역

  ㅇ 사용방식
     - 웹문서 시작부의 meta 태그 요소에 뷰포트를 미리 정하면,
     - 웹브라우저 화면 크기를 장치(스마트폰,테블릿 등 디스플레이) 크기에 맞게 보여줄 수 있게 됨

  ㅇ 뷰포트 내 주요 속성들
     - width : 화면 폭, height : 화면 높이
        . 例) width=device-device : 화면 크기를 장치 크기에 맞춤
     - initial-scale : 초기 줌 레벨 조절 비율 (0.0 ~ 10.0)
        . 例) initial-scale=1.0 : 장치 크기에 맞게
     - user-scalable : 화면 크기 조절 가능 여부 (yes, no)
     - minimum-scale : 최소 축소 비율, maximum-scale : 최대 확대 비율
     - target-densitydpi : DPI(Dots Per Inch) 지정

  ㅇ 뷰포트 단위
     - (vm, wh, wmin, wmax, ...)

  ㅇ 例) <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1">


[HTML 요소] 1. HTML 구성 요소/종류 2. 기본 구조 요소 (html,head,title,body 등) 3. meta 요소 4. a 요소 5. img 요소 6. 기타 요소 7. 시맨틱 웹 8. 시맨틱 요소 9. html 속성
[form 요소]
  1.   기술공통
  2.   기초과학
  3.   진동/파동
  4.   전기전자공학
  5.   방송/멀티미디어/정보이론
  6.   통신/네트워킹
        1. 통신 이란?
        2. 신뢰적 통신
    1.   통신이론
    2.   선로/전송
    3.   통신망
    4.   회선교환(PSTN)
    5.   무선/이동통신
    6.   광통신
    7.   인터넷/데이터통신
          1. 데이터통신망
          2. 인터넷
          3. 데이터 네트워크 설계
      1.   데이터 단위
      2.   프로토콜/계층
      3.   데이터 링크
      4.   TCP/IP
      5.   라우팅
      6.   인터넷 QoS
      7.   인터넷 관리
      8.   웹기술
            1. 웹 이란?
            2. 하이퍼텍스트
        1.   웹 구성
        2.   HTTP
        3.   웹 페이지
          1.   마크업 언어
                1. 마크업 언어
                2. SGML
                3. DTD
            1.   HTML
                  1. HTML
                  2. HTML 용어
                  3. DHTML
              1.   HTML 요소
                    1. HTML 구성 요소/종류
                    2. 기본 구조 요소 (html,head,title,body 등)
                    3. meta 요소
                    4. a 요소
                    5. img 요소
                    6. 기타 요소
                    7. 시맨틱 웹
                    8. 시맨틱 요소
                    9. html 속성
                1.   form 요소
              2.   HTML5
            2.   XML
          2.   DOM,BOM
          3.   웹 기능 요소
          4.   웹 디자인
        4.   웹 식별
        5.   웹 서비스
        6.   차세대 웹
        7.   웹기술 기타일반
      9.   인터넷 응용
      10.   인터넷 기타
      11.   패킷교환(PSN)
      12.   인터넷 관련 기관
  7.   정보기술(IT)
  8.   공학일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

 
        최근수정     요약목록     참고문헌