웹 디자인의 세계를 탐구하기 시작할 때, 당신에게 의심의 여지없이 많은 단어와 문구가 소개 될 것입니다. 당신이들을 가능성이있는 용어 중 하나는 "마크 업"또는 "마크 업 언어"입니다. "마크 업"이 "코드"와 다른 점과 일부 웹 전문가가이 용어를 상호 교환 적으로 사용하는 이유는 무엇입니까? 먼저 "마크 업 언어"가 무엇인지 살펴 보겠습니다.
3 가지 마크 업 언어를 살펴 보겠습니다.
"ML"이 들어있는 웹의 거의 모든 약어는 "마크 업 언어"입니다 (놀랍게도 "ML"의 약자입니다). 마크 업 언어는 웹 페이지 또는 모든 모양과 크기를 만드는 데 사용되는 빌딩 블록입니다.
실제로, 세계에는 많은 다른 마크 업 언어가 있습니다. 웹 디자인 및 개발에는 세 가지 특정 마크 업 언어가 있습니다. 이들은 HTML, XML 및 XHTML 입니다.
마크 업 언어 란 무엇입니까?
이 용어를 올바르게 정의하기 위해 마크 업 언어는 컴퓨터가 해당 텍스트를 조작 할 수 있도록 텍스트에 주석을다는 언어입니다. 주석은 텍스트 자체와 구별되는 방식으로 작성되기 때문에 대부분의 마크 업 언어는 사람이 읽을 수 있습니다. 예를 들어 HTML, XML 및 XHTML의 경우 마크 업 태그는 <및>입니다. 해당 문자 중 하나에 나타나는 텍스트는 마크 업 언어의 일부로 간주되며 주석이 달린 텍스트의 일부가 아닙니다.
예 :
HTML로 작성된 텍스트 단락입니다.
이 예제는 HTML 단락입니다. 시작 태그 (
), 닫기 태그 () 및 화면에 표시 될 실제 텍스트 (두 태그 사이에 포함 된 텍스트)로 구성됩니다. 각 태그에는 마크 업의 일부로 지정하기 위해 "보다 작음"및 "큼"기호가 포함됩니다.
컴퓨터 나 다른 장치 화면 에 표시 할 텍스트 서식을 지정할 때 텍스트 자체와 텍스트 지침을 구별해야합니다. "마크 업"은 텍스트를 표시하거나 인쇄하기위한 지침입니다.
마크 업은 컴퓨터에서 읽을 필요가 없습니다. 인쇄물이나 책에서 한 주석은 마크 업으로 간주됩니다. 예를 들어, 학교의 많은 학생들은 교과서의 특정 문구를 강조 표시합니다. 이것은 강조 표시된 텍스트가 주변 텍스트보다 더 중요 함을 나타냅니다. 강조 표시 색은 마크 업으로 간주됩니다.
마크 업은 마크 업을 작성하고 사용하는 방법에 관한 규칙이 성문화되어있는 경우 언어가됩니다. "보라색 형광펜은 정의를위한 것이고, 노란색 형광펜은 시험 세부 사항을위한 것이고, 마진의 연필 메모는 추가 자원을위한 것입니다."같은 규칙을 체계화한다면, 같은 학생은 자신의 "노트 작성 마크 업 언어"를 가질 수 있습니다.
대부분의 마크 업 언어는 많은 다른 사람들이 사용할 외부 기관에 의해 정의됩니다. 이것이 웹용 마크 업 언어가 작동하는 방식입니다. 이들은 W3C 또는 World Wide Web 컨소시엄에 의해 정의됩니다.
HTML-HyperText Markup Language
HTML 또는 하이퍼 텍스트 마크 업 언어는 웹의 기본 언어이며 웹 디자이너 / 개발자로서 가장 일반적으로 사용되는 언어입니다.
실제로, 그것은 당신이 당신의 작업에서 사용하는 유일한 마크 업 언어 일 것입니다.
모든 웹 페이지는 HTML 형식으로 작성됩니다. HTML은 이미지 , 멀티미디어 및 텍스트가 웹 브라우저에 표시되는 방식을 정의합니다. 이 언어에는 문서 (하이퍼 텍스트)를 연결하고 웹 문서를 대화 형으로 만드는 요소 (양식 포함)가 포함됩니다. 많은 사람들이 HTML을 "웹 사이트 코드"라고 부릅니다. 그러나 실제로 이것은 단지 마크 업 언어입니다. 어느 용어도 엄격하게 잘못이 아니며 웹 전문가를 비롯한 사람들이이 두 용어를 서로 바꾸어 사용할 수 있습니다.
HTML은 정의 된 표준 마크 업 언어입니다. SGML (Standard Generalized Markup Language)을 기반으로합니다.
태그를 사용하여 텍스트 구조를 정의하는 언어입니다. 요소 및 태그는 <및> 문자로 정의됩니다.
HTML은 오늘날 웹에서 가장 많이 사용되는 마크 업 언어이지만, 웹 개발을위한 유일한 선택은 아닙니다. HTML이 개발되면서 점점 더 복잡해지고 스타일과 내용 태그가 하나의 언어로 결합됩니다. 결국 W3C는 웹 페이지의 스타일과 내용을 분리해야한다고 결정했습니다. 스타일을 정의하는 태그는 CSS (캐스 캐이 딩 스타일 시트)를 사용하는 대신 내용 만 정의하는 태그는 HTML로 유지됩니다.
최신 번호 매겨진 HTML 버전은 HTML5입니다. 이 버전은 HTML에 더 많은 기능을 추가했으며 XHTML에 의해 부과 된 엄밀성을 제거했습니다.
HTML이 공개되는 방식은 HTML5의 등장으로 변경되었습니다. 오늘 새로운 기능과 변경 사항이 새롭게 번호가 매겨진 버전이 될 필요없이 추가되었습니다. 최신 버전의 언어를 단순히 "HTML"이라고합니다.
XML-eXtensible Markup Language
eXtensible Markup Language는 다른 HTML 버전이 기반으로하는 언어입니다. HTML과 마찬가지로 XML도 SGML을 기반으로합니다. 그것은 SGML보다 덜 엄격하고 일반 HTML보다 엄격합니다. XML은 다양한 언어를 생성 할 수있는 확장 성을 제공합니다.
XML은 마크 업 언어 작성을위한 언어입니다. 예를 들어 계보를 연구하는 경우 XML을 사용하여 태그를 만들어 XML에서 다음과 같이 아버지, 어머니, 딸 및 아들을 정의 할 수 있습니다.
이미 XML로 작성된 몇 가지 표준화 된 언어가 있습니다 : 수학을 정의하기위한 MathML, 멀티미디어 작업을위한 SMIL, XHTML 및 기타 여러 가지가 있습니다.
XHTML-eXtended HyperText Markup Language
XHTML 1.0은 XML 표준을 충족시키기 위해 HTML 4.0을 재정의했다. XHTML은 현대 웹 디자인에서 HTML5로 바뀌었고 그 이후의 변화가있었습니다. XHTML을 사용하여 최신 사이트를 찾지 못할 수도 있지만 훨씬 오래된 사이트에서 작업하는 경우 XHTML을 계속해서 볼 수 있습니다.
HTML과 XHTML 의 주요 차이점은 많지 않지만 여기에 주목할 사항은 다음과 같습니다.
- XHTML은 소문자로 작성됩니다. 대문자, 대문자 또는 소문자로 HTML 태그 를 쓸 수 있지만 XHTML 태그는 모두 소문자 여야합니다. (참고 - 많은 웹 전문가는 기술적 인 요구 사항이 없더라도 HTML을 모두 소문자로 작성합니다.)
- 모든 XHTML 요소에는 종료 태그가 있어야합니다. 태그가 하나 뿐인 요소 (예 : 및 태그 끝에 슬래시 (/)가 필요함) :
- 모든 속성은 XHTML로 인용해야합니다. 공간을 절약하기 위해 속성 주위의 인용 부호를 제거하는 사람들이 있지만 올바른 XHTML을 사용하려면 속성이 필요합니다.
- XHTML을 사용하려면 태그가 올바르게 중첩되어 있어야합니다. 굵은 체 () 요소를 연 다음 이탤릭체 () 요소를 열면 굵은 체 ()를 닫기 전에 이탤릭체 요소 ()를 닫아야합니다. (이 두 요소는 시각적 요소이기 때문에 더 이상 사용되지 않으며 HTML은 이제이 두 요소 대신 및 을 사용합니다)
- HTML 속성에는 이름과 값이 있어야합니다. HTML에서 독립형 인 속성은 값으로 선언되어야합니다. 예를 들어 HR 속성은 noshade = "noshade"로 작성됩니다.
Jennifer Krynin의 원본 기사입니다. Jeremy Girard에 의해 7/5/17에 편집 됨.