HTML 요소 식별 - 더미

HTML은 요소 라는 특수 텍스트 키워드를 사용하여 웹 사이트를 구성하고 스타일을 지정합니다. 브라우저는 요소를 인식하고 다음 세 가지 조건이 존재하는 경우 해당 효과를 적용합니다.

• 요소는 특수한 의미를 지닌 문자, 단어 또는 구입니다. 예를 들어 h1은 굵은 텍스트와 글꼴 크기가 확대 된 머리글 효과를 적용하기 위해 브라우저에서 인식하는 요소입니다.

• 요소는 왼쪽 꺾쇠 괄호 (<)와 오른쪽 꺾쇠 괄호 (>)로 묶입니다. 이 방법으로 묶인 요소를 태그 (예:

  )라고합니다.

• 시작 태그 () 다음에 닫기 태그 ()가옵니다. 종결 태그는 첫 번째 왼쪽 괄호 뒤에 슬래시를 추가하고 요소 앞에 (예: 와 같이) 여는 태그와 다릅니다.

  일부 HTML 태그는 자체 마감으로 별도의 닫기 태그가 필요하지 않고 시작 태그에는 슬래시 만 필요합니다.

세 가지 조건이 모두 충족되면 여는 태그와 닫는 태그 사이의 텍스트는 태그의 정의 된 효과로 스타일이 지정됩니다. 이러한 조건 중 하나라도 충족되지 않으면 브라우저는 일반 텍스트 만 표시합니다.

위의 세 가지 조건을 더 잘 이해하려면 아래 예제 코드를 참조하십시오.

위의 세 조건을 모두 충족하는 큰 제목입니다.
h1 태그 / h1 브라우저에 의미가없는 태그가있는 텍스트입니다. 일반 텍스트입니다.

브라우저에서이 코드를 표시하는 방법을 볼 수 있습니다.

브라우저는 h1 요소

• h1 요소는 왼쪽 (<) 및 오른쪽 꺾쇠 괄호 (>)로 둘러 쌓여 있습니다.

• 여는 태그 (

• ) 다음에 텍스트와 닫는 태그 (

  )가옵니다.

  h1 태그 자체가 표제에 어떻게 표시되지 않는지 주목하십시오. 브라우저는 요소의 실제 텍스트를 올바른 형식의 HTML 태그로 표시하지 않습니다.

나머지 코드 행은 조건 중 하나가 누락되어 일반 텍스트로 표시됩니다. 코드의 두 번째 줄에서

태그의 왼쪽 및 오른쪽 대괄호가 누락되어 두 번째 조건을 위반합니다.

코드의 세 번째 줄은 rockstar가 인식 된 HTML 요소가 아니기 때문에 첫 번째 조건을 위반합니다. 마지막으로 코드 네 번째 줄은 텍스트 앞에 여는 태그가 없으므로 일반 텍스트로 표시되고 세 번째 조건을 위반하는 텍스트 뒤에 오는 닫는 태그가 없습니다.

모든 왼쪽 꺽쇠 괄호는 요소 뒤에 오른쪽 꺾쇠 괄호를 따라야합니다. 또한 모든 여는 HTML 태그에는 닫는 HTML 태그가 와야합니다. 100 개가 넘는 HTML 요소가 존재합니다.

HTML은 용서를위한 언어이며 닫는 태그와 같은 코드가 누락 된 경우에도 효과를 제대로 적용 할 수 있습니다. 그러나 너무 많은 오류를 남겨두면 페이지가 올바르게 표시되지 않습니다.