programing

HTML 태그와 요소의 차이점은 무엇입니까?

nasanasas 2020. 12. 7. 08:12
반응형

HTML 태그와 요소의 차이점은 무엇입니까?


나는 대부분의 사람들이 HTML 태그HTML 요소를 같은 의미로 사용한다는 것을 알았습니다 .

그러나 그들 사이의 차이점은 무엇입니까?

내가 보는 방식은 태그가 소스 코드에 있고 요소가 DOM에서 태그 (브라우저에 의해) 처리된다는 것입니다. 내가 잘못?


HTML 태그는 엔티티를 열거 나 닫는 것입니다. 예를 들면 :

<p></p>HTML 태그라고

HTML 요소에는 여는 태그, 닫는 태그, 콘텐츠 (콘텐츠없는 태그의 경우 선택 사항)가 포함됩니다. 예 :

<p>This is the content</p> :이 완전한 것을 HTML 요소라고합니다.


HTML 태그 vs. 요소 vs. 속성

HTML 요소

HTML의 요소는 일종의 구조 또는 의미를 나타내며 일반적으로 시작 태그, 내용 및 종료 태그로 구성됩니다. 다음은 단락 요소입니다.

<p>
This is the content of the paragraph element.
</p>

HTML 태그

태그는 HTML 요소의 시작과 끝을 표시하는 데 사용됩니다.

<p></p>

HTML 속성

속성은 요소의 속성을 정의하고 속성 / 값 쌍으로 구성되며 요소의 시작 태그 내에 나타납니다. 요소의 시작 태그에는 공백으로 구분 된 속성 / 값 쌍이 얼마든지 포함될 수 있습니다.

"태그"라는 용어의 가장 일반적인 오용은 alt 속성을 "alt 태그"라고 부르는 것입니다. HTML에는 그런 것이 없습니다. Alt는 태그가 아니라 속성입니다.

<img src="foobar.gif" alt="A foo can be balanced on a bar by placing its fubar on the bar's foobar.">

출처 : 456bereastreet.com : HTML 태그 vs. 요소 vs. 속성


HTML 요소

HTML 요소는 일반적으로 시작 태그와 종료 태그 로 구성되며 다음 사이에 콘텐츠가 삽입됩니다.

<tagname>Content goes here...</tagname>

HTML 요소 는 시작 태그에서 끝 태그까지의 모든 것입니다. 출처

HTML 속성

속성은 HTML 요소의 특성을 정의하는 데 사용되며 요소의 여는 태그 안에 배치됩니다. 모든 속성은 이름 의 두 부분으로 구성 됩니다.

  • 모든 HTML 요소는 속성 을 가질 수 있습니다.
  • 속성 은 요소에 대한 추가 정보제공합니다.
  • 속성은 항상 시작 태그에 지정됩니다.
  • 속성은 일반적으로 다음과 같은 이름 / 값 쌍으로 제공됩니다. name = "value" Source

HTML 태그와 요소

"요소"와 "태그"는 널리 혼동되는 용어입니다. HTML 문서는 태그를 포함하지만 요소는 포함하지 않습니다. 요소는 이러한 태그에서 구문 분석 단계 후에 만 ​​생성됩니다. 출처 : wikipedia> HTML_element

HTML 요소는 시작 태그로 정의됩니다. 요소에 다른 콘텐츠가 포함되어 있으면 닫는 태그로 끝납니다.

예를 들어 <p>단락의 시작 태그이고 </p>같은 단락의 닫는 태그이지만 <p>This is paragraph</p>단락 요소입니다.

출처 : tutorialspoint> html_elements


이것을 간단한 용어로 표현하겠습니다. 요소는 사용중인 열기 및 닫기 태그 세트입니다.

요소

<h1>...</h1>

태그 H1 여는 태그

<h1>

H1 닫는 태그

</h1>

http://html.net/tutorials/html/lesson3.php

태그는 요소의 시작과 끝을 표시하는 데 사용하는 레이블입니다.

모든 태그의 형식은 동일합니다.보다 작음 기호 "<"로 시작하고보다 큼 기호 ">"로 끝납니다.

일반적으로 태그에는 여는 태그 <html>와 닫는 태그 의 두 가지 종류가 </html>있습니다. 여는 태그와 닫는 태그의 유일한 차이점은 슬래시 "/"입니다. 여는 태그와 닫는 태그 사이에 넣어 내용에 레이블을 지정합니다.

HTML은 요소에 관한 것입니다. HTML을 배우는 것은 다른 태그를 배우고 사용하는 것입니다.

예를 들면 :

<h1></h1>

as 요소는 다음과 같이 시작 태그와 끝 태그로 구성된 요소입니다.

<h1>Heading</h1>

태그요소동일하지 않습니다.

집단


그것들은 조각 그 자체입니다. 즉, 단락은 요소이거나 헤더는 요소입니다. 본문도 요소입니다. 대부분의 요소는 다른 요소를 포함 할 수 있습니다. body 요소에는 헤더 요소, 단락 요소, 사실 거의 모든 DOM의 보이는 요소가 포함됩니다.

예 :

<p>This is the <span>Home</span> page</p>

태그


태그는 요소 자체가 아니라 요소가 시작되고 끝나는 위치를 컴퓨터에 알리기 위해 사용하는 텍스트의 일부입니다. 문서에 '마크 업'할 때 일반적으로 텍스트의 일부가 아닌 추가 메모가 독자에게 표시되는 것을 원하지 않습니다. HTML은 다른 언어 인 SGML의 기술을 차용하여 컴퓨터가 "MarkUp"부분과 내용 부분을 쉽게 결정할 수있는 방법을 제공합니다. '<'및 '>'를 일종의 괄호로 사용함으로써 HTML은 태그의 시작과 끝을 나타낼 수 있습니다. 즉, '<'가 있으면 브라우저에 '다음 비트는 마크 업입니다.

브라우저에 '

'그리고'새 단락이 시작됩니다. 새 줄을 시작하고 들여 쓰기하는 것이 좋습니다 '를 결정합니다. 그런 다음 '

'작업중인 단락이 끝났음을 알고 있으므로 다음 항목으로 넘어 가기 전에 해당 줄을 끊어야합니다.

-여는 태그.

-닫는 태그 여기에 이미지 설명 입력


이 시각화는 요소와 태그의 개념의 차이점을 찾는 데 도움이 될 수 있습니다 (각 들여 쓰기는 다음을 포함 함을 의미 함).

- element

        - content:

            - text 

            - other elements 

            - or empty

        - and its markup

            - tags (start or end tag)

                - element name

                - angle brackets < >

                - or attributes (just for start tag)

                - or slash / 

<p>Here is a quote from WWF's website:</p>.

이 부분 <p>에는 태그가 있습니다.

<blockquote cite="www.facebook.com">facebook is the world's largest socialsite..</blockquote>

이 부분 <blockquote>은 요소입니다.

참고 URL : https://stackoverflow.com/questions/8937384/what-is-the-difference-between-html-tags-and-elements

반응형