2.1 태그 소개
마크업은 태그를 기반으로 HTML-documents합니다 . 태그 란 무엇입니까 ?
사람들이 이러한 문서를 처리하는 프로그램의 문서에 서비스 정보를 추가할 수 있도록 태그가 70년대에 발명되었습니다.
Tag- 이것은 프로그램이 태그와 영어의 일반 단어를 혼동하지 않도록 꺾쇠 괄호(자수가 많거나 적음)로 둘러싸인 주요(기능적) 단어입니다.
태그에는 문서를 처리하는 프로그램에 유용한 다양한 서비스 정보가 포함될 수도 있습니다.
태그가 있는 예제 텍스트:
<a href="http://codegym.cc/about">
Link to something interesting
</a>
이 예에서는 텍스트 "a" 태그와 서비스 정보(태그 속성)를 볼 수 있습니다. 아래에서 그들에 대해 자세히 알아볼 것입니다.
2.2 태그 유형: 열기, 닫기, 빈 태그
태그는 다른 유형입니다. 첫째, 그들은 싱글과 더블입니다. 가장 일반적인 것은 쌍을 이룬 태그 입니다 . 이미 짐작하셨겠지만, 그들은 항상 쌍으로 움직입니다. 열림과 닫힘이라고도 합니다.
여는 태그는 삼각형 괄호 안의 키워드일 뿐입니다. 예:
<h1>닫는 태그는 여는 태그와 비슷하지만 키워드 앞에 슬래시가 붙습니다. 예:
</h1>여는 태그에는 서비스 정보(속성, 닫는 태그)가 포함될 수 있습니다 . 시작 태그는 항상 쌍의 첫 번째 태그입니다. 닫는 태그는 텍스트에서 먼저 올 수 없으며 여는 태그 다음에 올 수 없습니다. HTML-document유효하지 않습니다 .
단일 태그에는 닫는 태그가 없습니다. 이러한 태그 목록은 에 의해 정의됩니다 HTML-standard. 이러한 태그의 예:
<br>- 줄 바꿈;<img>- 그림.
그건 그렇고, 쌍을 이룬 태그는 내부에 정보가 포함되어 있지 않으면 약식으로 작성할 수 있습니다 . 예:
<h1/>이것은 단일 태그가 아니라 빈 쌍 태그입니다. 닫힌 태그와 열린 태그가 동시에 있는 것과 같습니다. 슬래시가 끝(두 번째 삼각 괄호 앞)에 있다는 점에서 닫힌 태그와 다릅니다.
2.3 태그 트리
페어링된 태그에 대한 더 중요한 정보입니다. 문서에 여러 개가 있을 수 있으며 중첩될 수 있습니다. 무슨 뜻이에요? 즉, HTML-document다른 태그가 포함되어 있더라도 텍스트 내의 모든 텍스트를 태그로 둘러쌀 수 있습니다. 예:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>
대략적으로 말하면 html 텍스트에서 일련의 태그가 나타날 수 있습니다.
<h1> <h2> </h2> </h1>그러나 다음과 같을 수는 없습니다.
<h1> <h2> </h1> </h2>시작 태그가 -tag 쌍 <h2>안에 있으면 <h1>일치하는 끝 태그 도 -tag 쌍 </h2>안에 있어야 합니다 .<h1>
따라서 모든 문서 태그는 일종의 태그 트리를 형성합니다 . 먼저 일반적으로 라고 하는 전체 문서를 감싸는 최상위 태그가 옵니다 <html>. 여기에는 하위 태그 쌍이 있고 고유한 태그 쌍이 있습니다.
실제로 태그가 있는 문서를 처리하는 프로그램은 내부에 일부 텍스트가 있는 태그 트리와 같이 문서를 정확하게 인식합니다.
2.4 속성
속성에 대해 이야기하지 않으면 태그에 대한 정보가 완전하지 않습니다. 단일 태그와 쌍을 이룬 태그의 시작 태그는 . 이러한 속성에는 태그 내용에 대한 유용한 정보가 포함되어 있습니다.
태그는 여러 속성을 포함할 수 있으며 다음과 같은 일반 형식을 갖습니다.
<tag name1="value1" name2="value2">
Name각 속성은 및 의 쌍으로 지정됩니다 meaning. 여러 속성이 있을 수 있습니다.
«<»그러나 숙련된 프로그래머는 즉시 다음과 같은 질문을 할 것입니다. 문자 나 «>»따옴표를 포함하는 텍스트를 속성 값으로 사용해야 하는 경우 어떻게 해야 합니까?
| 기호 이름 | 상징 | HTML 항목 |
|---|---|---|
| 큰따옴표 | " | " |
| 앰퍼샌드 | & | & |
| 보다 작음 기호 | < | < |
| 더 많은 기호 | > | > |
| 공간 | ||
| 작은따옴표 | ' | ' |
GO TO FULL VERSION