HTML 기본 구조 요소

(2019-02-12)

html 요소, head 요소, meta 요소, link 요소

1. html 요소 또는 문서 요소웹문서의 시작과 끝을 나타냄 : <html lang='ko'> ... </html>속성 : lang='국가언어명'
     - (de: 독일어, en: 영어, kr: 한국어, zh: 중국어 등) ISO 639-1 (Language Code)


2. head 요소웹페이지 문서 내용이 아니라 문서에 대한 여러 정보들을 나타내는 곳

  ㅇ head 요소 내에 사용할 수 있는 요소들 : title, base, meta, link, script, style 등
     - title 요소 : 문서 전체의 제목 (또한, 즐겨찾기 제목)
     - meta 요소  : 문서 자체의 정보 제공
     - link 요소  : 외부 소스를 연결하여 현재 문서의 효과적 처리
     - base 요소  : 현재 웹페이지의 기본이 되는 URL 설정


3. meta 요소                                                   ☞ 메타데이터(Metadata) 참조

  ㅇ 문서 정보웹브라우저에게 제공키 위한 요소 (문서 자체를 설명)
     - (문서 내용,핵심 키워드,작성자 정보,문자세트 등)
        . 특히, 검색엔진 등이 웹페이지들을 검색할 때 유용한 정보 제공을 목적으로 함

  ㅇ head 요소 내에 위치함
     
<head>
   <meta charset="utf-8"> <!-- 문자 인코딩 방식 지정 -->
   <meta name="author" content="작성자 이름">
   <meta name="description" content="문서 내용 설명">
   <meta http-equiv="keyword" content="콤마(,)로 구분된 검색키워드들">
</head>
4. Link 요소 ㅇ 다른 문서를 참조하는 a 요소와는 달리, 외부 소스를 연결하여 현재 문서의 효과적 처리 - 사용 例) 현재 문서의 번역 버전의 제공, 현재 문서의 스타일시트 적용 등 ㅇ head 요소 내에 위치함 5. 구획/구분 요소 (논리적인 구획 구분을 위함) ㅇ 레이아웃에 의미적인(Semantic) 마크업을 적용하려는 섹셔닝(Sectioning) 요소들 - 웹페이지 전체 또는 일정 영역을 논리적인 구획으로 분할할 때 유용한 요소들 ㅇ 종류 : header, nav, section, article, aside, footer ㅇ 개략적인 구획 例) ㅇ section 요소 - 장이나 절을 구분시킴 ㅇ aside 요소 - 본문 내용 중에 추가 설명 또는 분리된 컨텐츠 표현이 필요할 때, 통상 사이드바 영역으로 표시하는데 유용


[HTML 요소] 1. HTML 구성 요소/종류 2. 기본 구조 요소 (html,head,title,body 등) 3. a 요소 4. form 요소 5. img 요소 6. html 속성 7. 기타 요소
  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.   NetBIOS
        2.   DNS
        3.   가상단말
        4.   FTP
        5.   전자메일
        6.   VoIP
        7.   웹기술
              1. 웹 이란?
              2. 하이퍼텍스트
          1.   웹 구성
          2.   HTTP
          3.   웹 페이지
            1.   마크업 언어
                  1. 마크업 언어
                  2. SGML
                  3. DTD
              1.   HTML
                    1. HTML
                    2. HTML 용어
                    3. DHTML
                    4. HTML5
                1.   HTML 요소
                  1.   1. HTML 구성 요소/종류
                      2. 기본 구조 요소 (html,head,title,body 등)
                      3. a 요소
                      4. form 요소
                      5. img 요소
                      6. html 속성
                      7. 기타 요소
              2.   XML
            2.   DOM,BOM
            3.   기능 요소
            4.   웹 디자인
          4.   웹 식별
          5.   웹 서비스
          6.   차세대 웹
          7.   웹기술 기타일반
        8.   VPN
        9.   무선인터넷
        10.   전자상거래
        11.   개인 컨텐츠
        12.   인터넷 기타 응용
      9.   인터넷 기타
      10.   패킷교환(PSN)
      11.   인터넷 관련 기관
  7.   정보기술(IT)
  8.   공업일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

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