> 웹 프론트엔드 > 프런트엔드 Q&A > html5의 요소는 어떤 세 부분으로 구성되어 있나요?

html5의 요소는 어떤 세 부분으로 구성되어 있나요?

青灯夜游
풀어 주다: 2022-04-25 13:35:24
원래의
3419명이 탐색했습니다.

HTML5의 요소는 시작 태그와 끝 태그, 콘텐츠, 속성의 세 부분으로 구성됩니다. 구문은 "<시작 태그 이름>콘텐츠"입니다. 태그 이름은 대소문자를 구분하지 않지만 속성 값은 대소문자를 구분해야 하며 소수의 HTML 태그에는 별도의 종료 태그가 없지만 시작 태그에 "/"를 추가하여 닫습니다.

html5의 요소는 어떤 세 부분으로 구성되어 있나요?

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML의 태그는 키워드와 같습니다. 각 태그에는 고유한 의미(의미)가 있습니다. 예를 들어

태그는 단락을 나타내고 태그에 따라 브라우저는 태그의 콘텐츠를 다양한 방식으로 표시합니다.

실제 개발에서는 HTML 태그를 HTML 요소라고도 부르기도 합니다.

HTML5의 요소는 시작 및 끝 태그, 콘텐츠, 속성의 세 부분으로 구성됩니다. 开始和结束标签内容属性三部分组成。

大部分html元素以开始标签起始,以结束标签终止,少部分HTML元素没有单独的结束标签,使用“/”闭合。

元素的内容是开始标签与结束标签之间的内容。

标签的名称不区分大小写,但大多数属性的值需要区分大小写,如下所示:

	  属性
	   ↓
<div class="foo">php中文网</div>
 ↑                  ↑      ↑
开始标签            内容   结束标签
로그인 후 복사

除了 class 属性外,开始标签中还可以包含其它属性信息,比如 id、title 等。

注意,虽然 HTML 标签在语法上不区分大小写,但是为了规范和专业,强烈建议在定义标签时一律采用小写。

当使用浏览器打开我们编写的 HTML 文档时,浏览器会从上到下依次读取文档中的内容,并根据 HTML 标签和属性将标签中的内容呈现在浏览器中。

一个 HTML 文档中必须具有一些基本的标签,以便浏览器区分普通文本和 HTML 文档。您可以根据想要实现的效果使用任意数量的标签,但有以下几点需要注意:

  • 所有 HTML 标签都必须放在尖括号< >内;

  • HTML 中不同的标签可以实现不同的效果;

  • 如果使用了某个标签,则必须使用对应的结束标签来结尾(自闭和标签除外)。

自闭和标签

有一些 HTML 标签没有单独的结束标签,而是在开始标签中添加/来进行闭合,这种标签称为自闭和标签。请看下面的例子:

<img src="/static/images/new/logo.png" alt="php中文网Logo" />  <!-- 图像 -->
<hr />  <!-- 分割线 -->
<br />  <!-- 文本换行 -->
<input type="text" placeholder="请输入内容" />  <!-- 文本输入框 -->
로그인 후 복사

自闭和标签不用包围内容,所以不需要单独的结束标签。只有少部分 HTML 标签是自闭和的。

<!-- -->

대부분의 HTML 요소는 시작 태그로 시작하고 종료 태그로 끝납니다. 소수의 HTML 요소에는 별도의 종료 태그가 없으며 "/"로 닫힙니다.

요소의 내용은 시작 태그와 끝 태그 사이의 내용입니다. 태그 이름은 대소문자를 구분하지 않지만 대부분의 속성 값은 아래와 같이 대소문자를 구분해야 합니다.

rrreee🎜클래스 속성 외에도 시작 태그에는 다른 속성도 포함될 수 있습니다. ID, 제목 등과 같은 속성 정보 🎜🎜🎜HTML 태그는 구문에서 대소문자를 구분하지 않지만 표준화와 전문성을 위해 태그를 정의할 때 항상 소문자를 사용하는 것이 좋습니다. 🎜🎜🎜브라우저를 사용하여 우리가 작성한 HTML 문서를 열면 브라우저는 문서의 내용을 위에서 아래로 읽고 HTML 태그와 속성을 기반으로 브라우저의 태그에 있는 내용을 렌더링합니다. 🎜🎜HTML 문서에는 브라우저가 일반 텍스트와 HTML 문서를 구별할 수 있도록 몇 가지 기본 태그가 있어야 합니다. 달성하려는 효과에 따라 원하는 수의 태그를 사용할 수 있지만 몇 가지 참고할 사항이 있습니다. 🎜
  • 🎜모든 HTML 태그는 다음과 같아야 합니다. 괄호 안에 < >; 배치 🎜
  • 🎜HTML의 다른 태그는 다른 효과를 얻을 수 있습니다. 🎜
  • 🎜특정 태그를 사용하는 경우 해당 닫는 태그가 있어야 합니다. 종료하는 데 사용됩니다(자폐증 및 낙인 제외). 🎜
🎜🎜자동 닫힘 및 태그🎜🎜HTML 태그에는 별도의 종료 태그가 없지만 시작 태그에 /를 추가하여 닫는 유형이 있습니다. 태그는 자동 폐쇄 및 라벨이라고 합니다. 아래 예시를 참고해주세요: 🎜rrreee🎜닫는 태그는 내용을 둘러쌀 필요가 없으므로 별도의 닫는 태그가 필요하지 않습니다. 소수의 HTML 태그만 자동으로 닫힙니다. 🎜🎜🎜<!-- -->는 HTML 코드를 설명하는 데 사용되는 HTML 주석을 나타냅니다. 브라우저는 주석 내용을 무시하므로 사용자는 웹 페이지에서 주석을 볼 수 없습니다🎜 🎜🎜 [관련 추천: 🎜html 동영상 튜토리얼🎜, 🎜웹 프론트엔드🎜]🎜

위 내용은 html5의 요소는 어떤 세 부분으로 구성되어 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿