검수요청.png검수요청.png

"마크업"의 두 판 사이의 차이

위키원
이동: 둘러보기, 검색
4번째 줄: 4번째 줄:
 
마크업은 문서의 내용 이외에 문서의 서식, 구조 등을 표현하기 위한 부가적인 정보이며, 텍스트 혹은 콘텐츠에 의미와 구조를 부여해주는 것이다. 이를 흔히 태그 또는 마크업 지시자라고도 하며, 이와 같은 형식과 규칙을 정의한 언어가 마크업 언어이다. 마크업 언어는 문서의 중간마다 문자나 문장 형태의 명령어를 삽입하는 방식의 문서 표현 언어이며, 여기에서 명령어는 통상적으로 태그 형태를 사용한다.<ref name="해설"> 차재복, 〈[http://www.ktword.co.kr/test/view/view.php?m_temp1=1818 Markup, Markup Language 마크업, 마크업 언어]〉, 《정보통신기술용어해설》, 2019-12-29 </ref><ref> 〈[https://www.scienceall.com/%EB%A7%88%ED%81%AC%EC%97%85markup/?term_slug=986 마크업(markup)]〉, 《사이언스올》, 2018-12-12 </ref> 태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되면서 문서의 구조를 표현하는 역할을 하게 되었는데, 마크업 언어는 이러한 태그 방법의 체계이다.<ref name="위키백과"> 〈[https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EC%97%85_%EC%96%B8%EC%96%B4 마크업 언어]〉, 《위키백과》 </ref> 또한, 마크업 언어는 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종으로, 데이터를 기술한 언어라는 점에서 프로그래밍 언어와는 분명한 차이가 있다. 본래는 교정 부호 등을 표기하는 데에 사용했지만, 점차 용도가 확장되어 문서의 구조를 표현하도록 발전했다.<ref name="나무위키"> 〈[https://namu.wiki/w/%EB%A7%88%ED%81%AC%EC%97%85%20%EC%96%B8%EC%96%B4 마크업 언어]〉, 《나무위키》 </ref>
 
마크업은 문서의 내용 이외에 문서의 서식, 구조 등을 표현하기 위한 부가적인 정보이며, 텍스트 혹은 콘텐츠에 의미와 구조를 부여해주는 것이다. 이를 흔히 태그 또는 마크업 지시자라고도 하며, 이와 같은 형식과 규칙을 정의한 언어가 마크업 언어이다. 마크업 언어는 문서의 중간마다 문자나 문장 형태의 명령어를 삽입하는 방식의 문서 표현 언어이며, 여기에서 명령어는 통상적으로 태그 형태를 사용한다.<ref name="해설"> 차재복, 〈[http://www.ktword.co.kr/test/view/view.php?m_temp1=1818 Markup, Markup Language 마크업, 마크업 언어]〉, 《정보통신기술용어해설》, 2019-12-29 </ref><ref> 〈[https://www.scienceall.com/%EB%A7%88%ED%81%AC%EC%97%85markup/?term_slug=986 마크업(markup)]〉, 《사이언스올》, 2018-12-12 </ref> 태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되면서 문서의 구조를 표현하는 역할을 하게 되었는데, 마크업 언어는 이러한 태그 방법의 체계이다.<ref name="위키백과"> 〈[https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EC%97%85_%EC%96%B8%EC%96%B4 마크업 언어]〉, 《위키백과》 </ref> 또한, 마크업 언어는 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종으로, 데이터를 기술한 언어라는 점에서 프로그래밍 언어와는 분명한 차이가 있다. 본래는 교정 부호 등을 표기하는 데에 사용했지만, 점차 용도가 확장되어 문서의 구조를 표현하도록 발전했다.<ref name="나무위키"> 〈[https://namu.wiki/w/%EB%A7%88%ED%81%AC%EC%97%85%20%EC%96%B8%EC%96%B4 마크업 언어]〉, 《나무위키》 </ref>
  
==종류==
+
==종류==                                                                                                                    
===마크업===
+
===마크업의 종류===
===마크업 언어===
+
*'''의미적 마크업'''(Semantic markup)
 +
인용구, 구문 강조 등으로 특정 의미를 강조하면서 문서의 의미 및 내용을 중요시한다. 주로 제목 태그, 주소 태그 등이 쓰인다.<ref name="휘두루미"></ref><ref name="해설"></ref>
 +
 
 +
*'''구조적 마크업'''(Structural markup)
 +
표제, 단락, 포함 및 내포 등으로 문서의 모양이나 틀을 갖추며 문서의 구조를 중요시한다. 주로 문단 태그, 제목 글 태그 등이 쓰인다.<ref name="휘두루미"></ref><ref name="해설"></ref>
 +
 
 +
*'''모양적 마크업'''(Stylistic markup)
 +
글자 크기나 색상 등으로 보기 좋게 하여 문서의 모양 및 스타일을 중요시한다. 주로 모양 태그, 색상 태그 등이 쓰인다.<ref name="휘두루미"></ref><ref name="해설"></ref>
 +
 
 +
===마크업 언어의 종류===
 +
*'''표현적 마크업'''(Presentational markup)
 +
표현적 마크업은 문서의 형태를 표현하기 위한 마크업이다.<ref name="나무위키"></ref> 또한, 전통적인 워드 처리 시스템이 사용하는 마크업으로 위지위그(WYSIWYG) 효과를 내는 문서 텍스트에 포함된 바이너리 코드이며, 사용자들이 아래 절차적 혹은 기술적 마크업을 사용하면, 사용자에게 '현재(위지위그) 상태로 변환한다. 이러한 마크업은 저자나 편집자도 포함한 사람의 눈에는 보이지 않도록 설계되는 것이 일반적이다.<ref name="선"> Choi HyeSun, 〈[https://gptjs409.github.io/infra/2019/09/08/markup-language.html [Markup Language] 마크업 언어란?]〉, 《Sun's Blog》, 2019-09-08 </ref>
 +
대표적인 예로 HTML의 스타일 태그를 들 수 있고, 메모장이나 워드프로세서에서 제목 앞에 몇 칸의 공백을 넣는 등의 행위도 표현적 마크업의 일종이라고 할 수 있다.<ref name="나무위키"></ref>
 +
 
 +
*'''절차적 마크업'''(Procedural markup)
 +
절차적 마크업은 프로그램이 문서를 처리하는 방법을 서술하는 마크업이다.<ref name="나무위키"></ref> 문서의 텍스트에 포함되며, 텍스트는 프로그램을 통해 문자를 처리하기 위한 프로그램의 명령을 제공하고<ref name="위키백과></ref> 프로세서는 마주친 명령에 따라 처음부터 텍스트를 통해 실행될 것으로 예상된다.<ref name="선"></ref> 그 밖에도 문서의 형식이나 텍스트의 외양을 기술하며 워드프로세서에서도 사용된다. 호환성의 문제로 특정 마크업 언어로 불리기도 한다.<ref name="휘두루미"></ref> 잘 알려진 예로, troff와 Tex, 포스트스크립트(PostScript), 그리고 LaTeX가 이 분류에 속한다.<ref name="나무위키"></ref><ref name="선"></ref>
 +
 
 +
*'''기술적 마크업'''(Descriptive markup)
 +
기술적 마크업은 가장 많이 사용되는 마크업 언어의 종류로, 문서의 논리적인 구조와 정보 및 속성을 표현하는데, 즉 문서가 표현하는 내용을 기술하는 데에 사용한다.<ref name="휘두루미"></ref><ref name="나무위키"></ref> 또한 문서 일부에 이름을 붙이는 데 사용하며, 문서의 고유한 구조를 어떤 특정한 처리나 변경으로부터 분리하기도 한다. 시각적으로가 아닌 개념적으로 잘를 설명하는 방식으로 쓰도록 권장된다.<ref name="선"></ref> 표현적 마크업과 절차적 마크업의 요소를 어느 정도는 포함하고 있어 범용적 마크업이라고도 불리며, 응용프로그램과 시스템에 독립적인 언어이다. 잘 알려진 예로 HTML과 HTML의 인용 이름을 다는 <nowiki><cite></nowiki> 태그, SGML, XML, 그리고 마크다운 등이 있다.<ref name="휘두루미"></ref><ref name="위키백과"></ref><ref name="나무위키"></ref>
 +
 
 +
*'''경량화 마크업'''(lightweight markup)
 +
최근 웹 브라우저를 통해 형식화된 텍스트를 작성할 수 있도록 개발된 작고 표준화되지 않은 다수의 마크업으로, 그 예로 위키피디아에서 사용하는 위키 마크업이 있다.<ref name="선"></ref>
 +
 
 
==특징==
 
==특징==
  
22번째 줄: 44번째 줄:
 
* 〈[https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EC%97%85_%EC%96%B8%EC%96%B4 마크업 언어]〉, 《위키백과》
 
* 〈[https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EC%97%85_%EC%96%B8%EC%96%B4 마크업 언어]〉, 《위키백과》
 
* 〈[https://namu.wiki/w/%EB%A7%88%ED%81%AC%EC%97%85%20%EC%96%B8%EC%96%B4 마크업 언어]〉, 《나무위키》
 
* 〈[https://namu.wiki/w/%EB%A7%88%ED%81%AC%EC%97%85%20%EC%96%B8%EC%96%B4 마크업 언어]〉, 《나무위키》
 +
* 〈[https://www.scienceall.com/%EB%A7%88%ED%81%AC%EC%97%85markup/?term_slug=986 마크업(markup)]〉, 《사이언스올》, 2018-12-12
 
* 차재복, 〈[http://www.ktword.co.kr/test/view/view.php?m_temp1=1818 Markup, Markup Language 마크업, 마크업 언어]〉, 《정보통신기술용어해설》, 2019-12-29
 
* 차재복, 〈[http://www.ktword.co.kr/test/view/view.php?m_temp1=1818 Markup, Markup Language 마크업, 마크업 언어]〉, 《정보통신기술용어해설》, 2019-12-29
 
* HwiDoorumi, 〈[https://nm817.tistory.com/24 [HTML] html이란? html 개념잡기]〉, 《티스토리》, 2018-04-09
 
* HwiDoorumi, 〈[https://nm817.tistory.com/24 [HTML] html이란? html 개념잡기]〉, 《티스토리》, 2018-04-09
* 〈[https://www.scienceall.com/%EB%A7%88%ED%81%AC%EC%97%85markup/?term_slug=986 마크업(markup)]〉, 《사이언스올》, 2018-12-12
 
  
 
== 같이 보기 ==
 
== 같이 보기 ==

2021년 8월 12일 (목) 11:33 판

마크업(markup)은 문서의 구조와 추가적인 정보를 부여하기 위해 문서 내에 삽입되는 일련의 문자 또는 기호이다.[1]

개요

마크업은 문서의 내용 이외에 문서의 서식, 구조 등을 표현하기 위한 부가적인 정보이며, 텍스트 혹은 콘텐츠에 의미와 구조를 부여해주는 것이다. 이를 흔히 태그 또는 마크업 지시자라고도 하며, 이와 같은 형식과 규칙을 정의한 언어가 마크업 언어이다. 마크업 언어는 문서의 중간마다 문자나 문장 형태의 명령어를 삽입하는 방식의 문서 표현 언어이며, 여기에서 명령어는 통상적으로 태그 형태를 사용한다.[2][3] 태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되면서 문서의 구조를 표현하는 역할을 하게 되었는데, 마크업 언어는 이러한 태그 방법의 체계이다.[4] 또한, 마크업 언어는 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종으로, 데이터를 기술한 언어라는 점에서 프로그래밍 언어와는 분명한 차이가 있다. 본래는 교정 부호 등을 표기하는 데에 사용했지만, 점차 용도가 확장되어 문서의 구조를 표현하도록 발전했다.[5]

종류

마크업의 종류

  • 의미적 마크업(Semantic markup)

인용구, 구문 강조 등으로 특정 의미를 강조하면서 문서의 의미 및 내용을 중요시한다. 주로 제목 태그, 주소 태그 등이 쓰인다.[1][2]

  • 구조적 마크업(Structural markup)

표제, 단락, 포함 및 내포 등으로 문서의 모양이나 틀을 갖추며 문서의 구조를 중요시한다. 주로 문단 태그, 제목 글 태그 등이 쓰인다.[1][2]

  • 모양적 마크업(Stylistic markup)

글자 크기나 색상 등으로 보기 좋게 하여 문서의 모양 및 스타일을 중요시한다. 주로 모양 태그, 색상 태그 등이 쓰인다.[1][2]

마크업 언어의 종류

  • 표현적 마크업(Presentational markup)

표현적 마크업은 문서의 형태를 표현하기 위한 마크업이다.[5] 또한, 전통적인 워드 처리 시스템이 사용하는 마크업으로 위지위그(WYSIWYG) 효과를 내는 문서 텍스트에 포함된 바이너리 코드이며, 사용자들이 아래 절차적 혹은 기술적 마크업을 사용하면, 사용자에게 '현재(위지위그) 상태로 변환한다. 이러한 마크업은 저자나 편집자도 포함한 사람의 눈에는 보이지 않도록 설계되는 것이 일반적이다.[6]

대표적인 예로 HTML의 스타일 태그를 들 수 있고, 메모장이나 워드프로세서에서 제목 앞에 몇 칸의 공백을 넣는 등의 행위도 표현적 마크업의 일종이라고 할 수 있다.[5]
  • 절차적 마크업(Procedural markup)

절차적 마크업은 프로그램이 문서를 처리하는 방법을 서술하는 마크업이다.[5] 문서의 텍스트에 포함되며, 텍스트는 프로그램을 통해 문자를 처리하기 위한 프로그램의 명령을 제공하고[4] 프로세서는 마주친 명령에 따라 처음부터 텍스트를 통해 실행될 것으로 예상된다.[6] 그 밖에도 문서의 형식이나 텍스트의 외양을 기술하며 워드프로세서에서도 사용된다. 호환성의 문제로 특정 마크업 언어로 불리기도 한다.[1] 잘 알려진 예로, troff와 Tex, 포스트스크립트(PostScript), 그리고 LaTeX가 이 분류에 속한다.[5][6]

  • 기술적 마크업(Descriptive markup)

기술적 마크업은 가장 많이 사용되는 마크업 언어의 종류로, 문서의 논리적인 구조와 정보 및 속성을 표현하는데, 즉 문서가 표현하는 내용을 기술하는 데에 사용한다.[1][5] 또한 문서 일부에 이름을 붙이는 데 사용하며, 문서의 고유한 구조를 어떤 특정한 처리나 변경으로부터 분리하기도 한다. 시각적으로가 아닌 개념적으로 잘를 설명하는 방식으로 쓰도록 권장된다.[6] 표현적 마크업과 절차적 마크업의 요소를 어느 정도는 포함하고 있어 범용적 마크업이라고도 불리며, 응용프로그램과 시스템에 독립적인 언어이다. 잘 알려진 예로 HTML과 HTML의 인용 이름을 다는 <cite> 태그, SGML, XML, 그리고 마크다운 등이 있다.[1][4][5]

  • 경량화 마크업(lightweight markup)

최근 웹 브라우저를 통해 형식화된 텍스트를 작성할 수 있도록 개발된 작고 표준화되지 않은 다수의 마크업으로, 그 예로 위키피디아에서 사용하는 위키 마크업이 있다.[6]

특징

프로그래밍 언어와의 차이점

활용

주요 마크업 언어

가벼운 마크업 언어

각주

  1. 1.0 1.1 1.2 1.3 1.4 1.5 1.6 HwiDoorumi, 〈[HTML html이란? html 개념잡기]〉, 《티스토리》, 2018-04-09
  2. 2.0 2.1 2.2 2.3 차재복, 〈Markup, Markup Language 마크업, 마크업 언어〉, 《정보통신기술용어해설》, 2019-12-29
  3. 마크업(markup)〉, 《사이언스올》, 2018-12-12
  4. 4.0 4.1 4.2 마크업 언어〉, 《위키백과》
  5. 5.0 5.1 5.2 5.3 5.4 5.5 5.6 마크업 언어〉, 《나무위키》
  6. 6.0 6.1 6.2 6.3 6.4 Choi HyeSun, 〈[Markup Language 마크업 언어란?]〉, 《Sun's Blog》, 2019-09-08

참고자료

같이 보기


  검수요청.png검수요청.png 이 마크업 문서는 프로그래밍에 관한 글로서 검토가 필요합니다. 위키 문서는 누구든지 자유롭게 편집할 수 있습니다. [편집]을 눌러 문서 내용을 검토·수정해 주세요.