본문 바로가기

HTML 웹프로그래밍

HTML이란?

Hyper Text Markup Language

웹페이지를 작성하기 위한 가장 기본적인 언어

  • 웹 World Wide Web에서 사용하는 마크업 언어
    • 인터넷 상에서 사용되는 웹페이지의 정보를 표현하기 위한 언어
  • 하이퍼텍스트
    • 다른 텍스트에 대한 참조("링크")를 가진 텍스트
    • 단위 텍스트들과 이것들을 결합하는 링크로 구성
    • 사용자가 연상하는 순서에 따라 관련 있는 쪽으로 이동하여 정보를 얻도록 조직화된 시스템
  • 마크업
    • mark + up 합성어
    • "태그" tag
    • 문서의 구조와 내용 등에 추가적인 정보를 부여하기 위해 문서 내에 삽입되는 일련의 문자 또는 기호
  • 문서의 구성 및 마크업의 분류
    의미적 마크업 구조적 마크업 양식적 마크업
    제목, 주소 등 문단, 제목글 등 모양, 색상 등
    <title>, <adress>, ... <p>, <h1>, <div>, ... <b>, <i>, <u>, ...
  • 마크업 언어
    • 마크업의 형식과 규칙을 정의한 언어
    • 마크업 언어의 분류
      • 절차적 procedural 마크업 언어
        • 문서의 형식이나 텍스트의 외양을 기술
        • 워드프로세서에서 사용
        • "특정 specific 마크업 언어" -> 호환성 문제
      • 기술적 descriptive 마크업 언어
        • 문서의 논리적인 구조 정보 및 속성을 표현
        • SGML, HTML, XML 등
        • "범용 generalized 마크업 언어" -> 응용프로그램/시스템에 독립적

HTML의 특징


W3C에 의한 웹 문서의 표준

  • 수정/ 관리 용이, 웹 접근성 향상, 브라우저 등의 호환성 확보

마크업 언어

  • 파일 용량이 작아 클라이언트-서버 간의 빠른 문서 전달 가능

일반적인 텍스트 파일

  • 별도의 전용 프로그램이 아닌 간단한 편집기로도 작성 가능

컴퓨터 시스템과 운영체제에 독립적

  • 텍스트 문서 -> 다양한 시스템/브라우저에서도 사용 가능

HTML의 단점


웹 문서의 내용(외양) 표현에 집중

  • 문서 내용의 의미 정보를 표현하는데 한계

구조화된 정보의 표현과 검색의 어려움

  • 정보의 구조화 및 데이터 간의 연관성 표현의 어려움

사용 가능한 태그가 정해져 있음 -> 제한적인 태그

  • 사용의 편의성, 하지만 융통성 및 확장성의 결여

문서의 유효성 검증과 제약조건의 정의의 어려움

  • 내용이 구조화되지 않아 정확성/유효성 검증의 어려움

'HTML 웹프로그래밍' 카테고리의 다른 글

HTML에서 텍스트 표현  (0) 2021.03.16
HTML 문서 작성의 기초  (0) 2021.03.13
HTML 문서 작성을 위한 준비  (0) 2021.03.13
HTML 개요  (0) 2021.03.11
HTML  (0) 2021.03.11