마크업 언어에 대해 이야기할 때 프로그래밍에서 우리는 누군가가 무언가의 가격을 올리려고 한다는 의미가 아닙니다. 마크업 가격 인상이 아닙니다. 특정 유형의 스크립팅 언어를 사용하여 데이터를 나타내는 방법입니다.
이 가이드에서는 마크업 언어가 무엇인지, 어떻게 작동하는지, 언제 마크업 언어를 사용할 수 있는지 논의할 것입니다. 또한 세 가지 다른 마크업 언어와 사용 사례를 분석하여 마크업이 작동하는 방식을 확실히 이해할 수 있도록 합니다.
마크업 언어란 무엇입니까?
마크업 언어는 문서에 주석을 달기 위해 컴퓨터에서 사용하는 언어입니다. 이러한 언어는 인간이 읽을 수 있습니다. 즉, 일반적으로 기술적인 프로그래밍 언어 용어 대신 표준 단어를 사용하여 작성됩니다.
마크업 언어는 문서의 스타일과 구조를 정의하므로 컴퓨터가 문서가 어떻게 표시되기를 원하는지 알 수 있습니다.
그것에 대해 생각하는 한 가지 방법은 마크업이 교사가 학생들의 시험을 "마크"하거나 "마크업"하는 것과 같다는 것입니다. 교사는 학생이 다음 번에 고칠 수 있는 방법을 알 수 있도록 학생이 실수한 부분을 시험에 쓸 것입니다. 실제로 마크업 언어라는 용어는 문서 설정 방법에 대한 지침이 문서 옆에 "표시"되어 있는 조판에서 유래했습니다.
마크업이 자체 언어일 필요는 없습니다. 마지막 두 예에서 마크업은 여전히 사용되지만 마크업 언어는 사용되지 않습니다. 마크업 언어와 마크업 언어를 구별하는 것은 마크업 언어에 해당 언어를 사용하는 방법에 대한 일련의 규칙이 있다는 것입니다. 그리고 그것들은 일반적으로 컴퓨터에 의해 해석됩니다. 반면 마크업은 정의된 구조가 없습니다.
웹 개발의 ML
ML을 들어보셨을 것입니다. 웹사이트를 개발한 적이 있다면 예를 들어 HTML과 XML은 모두 ML으로 끝납니다. . 이것이 무엇을 의미하는지 스스로에게 물어본 적이 있습니까? ML은 마크업 언어를 의미합니다.
마크업 언어는 웹 개발 전반에 걸쳐 광범위하게 사용됩니다. 특정 데이터 집합이 웹 문서에 표시되는 방식을 설명하는 데 사용됩니다.
참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.
부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.
HTML(HyperText Markup Language)은 웹 페이지의 구조를 설명합니다. 반면 XML은 특정 유형의 데이터를 설명합니다.
마크업 언어의 작동 방식
모든 마크업 언어에는 공통 기능이 있습니다. 태그를 사용하여 웹 페이지의 다양한 콘텐츠 유형을 표시합니다. 이러한 마크업 기호는 일반적으로 꺾쇠 괄호(<>
).
마크업 언어는 표현하려는 텍스트를 컴퓨터가 읽어야 하는 명령과 구별하는 방법이 필요합니다. 마크업 태그 내에 나타나는 모든 텍스트는 기계에서 명령으로 해석됩니다.
다음 예를 고려하십시오.
<a href="https://careerkarma.com">Career Karma</a>
Career Karma 홈페이지 링크입니다. 우리는 태그를 사용하여 이 링크를 정의하고 링크가 끝나면 으로 닫습니다. 태그.
이 태그는 컴퓨터에 링크를 렌더링하거나 앵커 (여기서 "a"가 유래함). 이러한 태그는 당사 웹페이지에 표시되지 않습니다. 그들은 웹 브라우저가 읽을 수 있는 지침이므로 특정 웹 페이지를 표시하는 방법을 알고 있습니다.
마크업 파일은 일반 텍스트 문서로 저장됩니다. 즉, 표준 텍스트 편집기를 사용하여 열 수 있습니다.
마크업 언어 대 프로그래밍 언어
사실입니다. 마크업 언어는 프로그래밍 언어여야 하는 것처럼 들립니다. 우리는 결국 언어에 대해 이야기하고 있습니다! 이 두 용어가 같은 소리를 낸다고 해서 같은 뜻은 아닙니다.
프로그래밍 언어는 다양한 유형의 출력을 생성하는 컴퓨터에 제공되는 일련의 명령입니다. Ruby, Python 및 Perl은 모두 프로그래밍 언어입니다. 반면에 마크업 언어는 문서를 설명하는 데 사용됩니다.
Python 또는 Ruby 프로그램을 실행할 수 있는 반면 마크업된 문서를 "실행"할 수 없습니다. 예를 들어 HTML 문서는 실행되지 않습니다. 그들은 브라우저에 의해 렌더링됩니다. XML 문서도 실행되지 않습니다. 그들은 특별한 유형의 데이터 리더에 의해 읽힙니다.
어떤 마크업 언어가 있습니까?
파헤치다 보면 꽤 많은 마크업 언어를 접하게 될 것입니다. 데이터가 너무 많아서 모든 잠재적 사용 사례를 다루기 위해 여러 언어가 필요합니다. 즉, 가장 일반적인 것은 HTML, XML 및 XHTML입니다.
하이퍼텍스트 마크업 언어
HyperText Markup Language 또는 HTML은 웹 개발에 사용되는 주요 언어입니다. 그것이 없었다면 우리는 웹사이트를 가질 수 없었을 것입니다. 페이지에 표시되어야 하는 제목, 이미지 및 텍스트와 같은 웹 페이지의 구조를 정의합니다. 또한 이러한 기능이 브라우저에 표시되어야 하는 순서를 정의합니다. 반대로 CSS(Cascading Style Sheets)는 브라우저에서 페이지의 레이아웃과 모양을 정의하는 데 사용됩니다.
HTML은 표준 마크업 언어 중 하나입니다. HTML에서 태그는 제목에서 이미지, 양식에 이르기까지 웹 페이지의 모든 요소를 정의하는 데 사용됩니다.
HTML 언어는 국제 조직인 World Wide Web Consortium 또는 W3C에서 관리합니다. HTML은 웹이 작동하는 방식에 매우 중요하므로 HTML을 일관되게 작성하고 처리하기 위해서는 일련의 국제 표준이 필요합니다.
최신 버전의 HTML은 HTML5로, 이전 버전보다 여러 가지 개선 사항이 포함되어 있습니다. 하지만 HTML에 대한 대부분의 변경은 웹에서 언어가 얼마나 중요한지 때문에 점진적으로 변경됩니다.
확장 가능한 마크업 언어
XML 또는 eXtensible Markup Language는 데이터를 전송하고 저장하도록 설계되었습니다. 언어는 자기 설명적입니다.
이는 XML 태그의 이름에 제한이 없기 때문입니다. 미리 정의된 태그가 없으므로 XML 문서 내 데이터의 각 지점을 정확하게 설명하는 이름을 선택할 수 있습니다.
좋아하는 책을 추적하기 위해 마크업 문서를 만든다고 가정해 보겠습니다. XML에서는 다음 구조를 사용할 수 있습니다.
<book> <title>How to Win Friends and Influence People</title> <author>Dale Carnegie</author> <rating>⅘</rating> </book>
이 예에서는 4개의 태그를 만들었습니다. book
, title
, author
, 및 rating
. title
, author
, 및 rating
태그는 책 태그 내에 나타납니다. book 태그는 XML 파일의 한 항목을 나타냅니다.
확장 가능한 하이퍼텍스트 마크업 언어
XHTML은 XML 표준을 충족하는 HTML4 버전입니다. 보다 다양한 기능 세트에 대한 요구로 인해 HTML5로 대부분 대체되었습니다. 그러나 그것은 인터넷의 일부 코너에서 오늘날에도 여전히 사용되고 있습니다. XHTML을 사용하는 대부분의 사이트는 몇 년 전에 개발되어 한동안 업데이트되지 않은 사이트입니다.
XHTML과 HTML은 매우 유사하지만 몇 가지 차이점이 있습니다. 예를 들어, HTML 속성에는 이름과 값이 모두 있어야 합니다. 독립 실행형 속성은 사용할 수 없습니다. 또한 모든 XHTML 태그는 소문자로 작성됩니다. HTML에서는 대문자 또는 소문자를 사용하여 작성할 수 있지만 모범 사례에서는 소문자를 사용해야 한다고 제안합니다.
결론
마크업 언어는 문서 내의 요소를 정의하는 데 사용됩니다. HTML 및 XML과 같은 이러한 언어는 사람이 읽을 수 있도록 설계되었습니다. 이렇게 하면 데이터 마크업 언어가 나타내는 것을 쉽게 이해할 수 있습니다.
마크업 언어에서 컴퓨터에 대한 마크업 지침은 태그를 사용하여 표시됩니다. 이러한 태그는 일반적으로 꺾쇠 괄호(<>
).
이제 웹 개발 전문가와 같은 마크업 언어에 대해 이야기할 준비가 되었습니다!