ID가 html에 속합니까?

青灯夜游
풀어 주다: 2022-09-23 16:58:52
원래의
2211명이 탐색했습니다.

id는 html에 속합니다. ID는 HTML의 전역 속성으로, 모든 요소의 공통 동작을 구성하는 데 사용할 수 있으며 모든 요소에서 사용할 수 있습니다. id 속성은 태그에 고유한 이름(식별자)을 부여하는 데 사용됩니다. CSS나 JavaScript를 사용하여 이 태그를 작동할 때 id 속성을 통해 태그를 찾을 수 있습니다.

ID가 html에 속합니까?

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

id는 HTML의 전역 속성으로, 모든 요소의 공통 동작을 구성하는 데 사용할 수 있으며 모든 요소에서 사용할 수 있습니다.

일반적으로 사용되는 전역 속성에는 class, hide, id, lang, style, title, dir, contenteditable 등이 포함됩니다.

HTML id 속성

id 속성은 태그에 고유한 이름(식별자)을 부여하는 데 사용됩니다. CSS나 JavaScript를 사용하여 이 태그를 작동할 때 태그를 찾을 수 있습니다. ID 속성 .

태그의 id 속성을 정의하면 다음과 같은 많은 편리함을 얻을 수 있습니다.

  • 태그에 고유 식별자로 id 속성이 있으면 id 속성을 통해 태그를 쉽게 찾을 수 있습니다.

  • HTML의 경우 문서에 동일한 이름의 태그가 여러 개 포함되어 있으며 id 속성의 고유성을 사용하여 쉽게 구분할 수 있습니다.
  • 참고: id 속성의 값은 HTML 문서에서 고유해야 합니다.

문법:

<element id="id值">
로그인 후 복사
id 값의 명명 규칙:

    문자 A-Z 또는 a-z로 시작해야 합니다
  • 다음 문자: 문자(A-Za-z), 숫자(0-9), 하이픈("-"), 밑줄("_"), 콜론(":") 및 마침표(".")
  • 값은 대소문자를 구분합니다
  • 샘플 코드는 다음과 같습니다.
<input type="text" id="username" />
<div id="content">PHP中文网</div>
<p id="url">https://www.php.cn/</p>
로그인 후 복사

CSS에서 id 속성 사용--id 선택기id 선택기는 특정 ID로 표시된 HTML 요소에 대해 특정 스타일을 지정할 수 있습니다.

HTML 요소는 id 속성을 사용하여 id 선택기를 설정하며 CSS의 id 선택기는 "#"로 정의됩니다.

구문 구조는 다음과 같습니다. #" 来定义。

语法结构如下:

#ID {
  属性 : 属性值;
}
로그인 후 복사

用法与类选择器类似,这里不做赘述。只需要注意id

#div1{
    background:rgb(200,200,0);
    color:blue;
    font-size:20px;
}
로그인 후 복사

사용법은 클래스 선택기와 유사하므로 여기서는 자세히 설명하지 않겠습니다. id 속성은 고유하며 반복될 수 없다는 점에 유의하세요.

ID 값은 HTML 문서에서 한 번만 나타날 수 있습니다. 즉, ID는 하나의 요소(요소 유형이 아니라 하나의 요소)만 고유하게 식별할 수 있습니다.

즉, 요소의 ID는 페이지 내에서 고유하므로 ID 선택기를 사용하여 고유한 요소를 선택합니다!

예:

<p>这是一个段落</p>
<p id="div1">这是一个段落</p>
로그인 후 복사

실행 결과

rrreeeID가 html에 속합니까?

참고: id 속성의 고유성으로 인해 이 선택자는 CSS를 스타일링에 사용할 때 일반적으로 사용되지 않으며 이 선택자의 주요 목적은 js를 수행하는 것입니다. 특수효과

(영상공유 학습 : 웹 프론트엔드

)🎜

위 내용은 ID가 html에 속합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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