HTML5의 요소는 시작 태그와 끝 태그, 콘텐츠, 속성의 세 부분으로 구성됩니다. 구문은 "<시작 태그 이름>콘텐츠"입니다. 태그 이름은 대소문자를 구분하지 않지만 속성 값은 대소문자를 구분해야 하며 소수의 HTML 태그에는 별도의 종료 태그가 없지만 시작 태그에 "/"를 추가하여 닫습니다.
이 튜토리얼의 운영 환경: 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 동영상 튜토리얼🎜, 🎜웹 프론트엔드🎜]🎜위 내용은 html5의 요소는 어떤 세 부분으로 구성되어 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!