html5의 전역 속성은 무엇입니까?-프런트엔드 Q&A-php.cn

집

웹 프론트엔드

프런트엔드 Q&A

html5의 전역 속성은 무엇입니까?

青灯夜游

Dec 29, 2021 am 11:41 AM

html5전역 속성

html5 속성은 다음과 같습니다: 1. accesskey; 3. contenteditable; 6. dropzone; 8. lang;

html5의 전역 속성은 무엇입니까?

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

로컬 속성: 일부 요소는 로컬 속성이라고 하는 자체 속성을 지정할 수 있습니다.

예를 들어 링크 요소에는 href, rel, hreflang, media, type 및 size라는 6가지 로컬 속성이 있습니다.

전역 속성: 모든 요소에 공통적인 동작을 구성하는 데 사용할 수 있습니다. 이 속성을 전역 속성이라고 하며 모든 요소에서 사용할 수 있습니다.

HTML5 전역 속성

1. Accesskey 속성

accesskey 속성을 사용하여 페이지에서 요소를 선택하기 위한 하나 이상의 단축키를 설정하세요.

2. 클래스 속성

클래스 속성은 요소를 분류하는 데 사용됩니다.

3. contenteditable 속성

contenteditable은 HTML5에 새로 추가된 속성으로, 사용자가 페이지의 콘텐츠를 수정할 수 있도록 하는 것이 목적입니다.

<body>    <!-- contenteditable属性应用 -->    <p contenteditable="true">设置为 true 是可编辑的</p></body>

위 예시와 같이 p 요소의 contenteditable 속성 값을 true로 설정하면 사용자가 텍스트를 클릭하여 콘텐츠를 편집할 수 있습니다. false로 설정하면 편집이 비활성화됩니다.

4.dir 속성

dir 속성은 요소의 텍스트 방향을 지정하는 데 사용됩니다. 유효한 값은 ltr(왼쪽에서 오른쪽으로), rtl(오른쪽에서 왼쪽으로)의 두 가지입니다.

   <!-- dir属性应用 -->    <p dir="ltr">从左到右</p>    <p dir="rtl">从右到左</p>

5. draggable 속성

draggable 속성은 HTML5가 드래그 앤 드롭 작업을 지원하는 방법 중 하나이며 요소를 드래그 앤 드롭할 수 있는지 여부를 나타내는 데 사용됩니다.

6. dropzone 속성

dropzone 속성은 HTML5가 드래그 앤 드롭 작업을 지원하는 방법 중 하나이며 draggable 속성과 함께 사용됩니다.

7.id 속성

id 속성은 요소에 고유한 식별자를 할당하는 데 사용됩니다. 이것은 말할 필요도 없습니다. 한 가지 주목할 점은 id 속성을 사용하여 문서의 특정 위치를 탐색할 수도 있다는 것입니다.

8.hidden은 부울 속성으로, 해당 요소가 현재 주의가 필요하지 않음을 나타냅니다. 브라우저는 해당 요소를 숨겨서 처리합니다. (표시를 제어하고 숨길 때 어렴풋이 기억합니다.) 숨겨진 클래스, 그 안에 숨겨진 스타일을 작성합니다.) 자세한 내용은 HTML5

<!-- hidden属性应用 --><div hidden>这个元素将会被隐藏</div>

9, lang attribute

의 숨겨진 속성을 소개하는 이 기사를 읽어보세요. lang 속성은 다음과 같습니다. 요소 콘텐츠에 사용된 언어를 설명하는 데 사용됩니다. lang 속성은 유효한 ISO 음성 코드를 사용해야 합니다. 이 속성을 사용하는 목적은 브라우저가 텍스트 리더를 사용할 때 올바른 발음과 같이 요소의 내용을 표현하는 방식을 조정하도록 하는 것입니다.

<!-- lang属性应用 --><p>Hello - how are you?</p>

10. 맞춤법 검사 속성

맞춤법 검사 속성은 브라우저가 요소의 콘텐츠에 대해 맞춤법 검사를 수행해야 하는지 여부를 나타내는 데 사용됩니다. 이 속성은 사용자가 편집할 수 있는 요소에 사용될 때만 의미가 있습니다. 맞춤법 검사 속성은 true와 false라는 두 가지 값을 허용합니다. 맞춤법 검사가 구현되는 방식은 브라우저마다 다릅니다.

<textarea name="" id="" cols="30" rows="10" spellcheck="true">This is some lalalala text</textarea>

11. 스타일 속성

스타일 속성은 요소에 CSS 스타일을 직접 정의하는 데 사용됩니다.

12. Tabindex 속성

HTML 페이지의 키보드 포커스는 Tab 키를 눌러 요소 간에 전환할 수 있습니다. 기본 전송 순서는 tabindex 속성을 사용하여 변경할 수 있습니다.

<form action="">    <label>Name: <input type="text" name="" id="" tabindex="2"></label>    <label>City: <input type="text" name="" id="" tabindex="-1"></label>    <label>Country: <input type="text" name="" id="" tabindex="1"></label>    <input type="submit" value="" tabindex="3"></form>

위 코드의 효과는 다음과 같습니다. Tab 키를 누르면 탭 인덱스 1이 있는 국가 입력 상자가 먼저 선택된 다음 이름 입력 상자로 포커스가 이동하고 마지막으로 제출됩니다. tabindex가 -1로 설정된 요소는 사용자가 Tab 키를 누른 후에 선택되지 않습니다.

13. 제목 속성

제목 속성은 일반적으로 도구 모음 팁을 표시하기 위해 이러한 속성을 사용합니다. 일부 불완전하게 표시되는 텍스트 제목에도 사용됩니다.

관련 기사

CSS : 같은 DOM에서 여러 ID를 사용할 수 있습니까?May 14, 2025 am 12:20 AM

아니요, 당신은 uplemultipleidsinthesamedom.1) idsmustbeuniqueperhtmlspecification, andusingduplicatescancauseSconsistentBrowserBehavior.2) useclassesforstylingmultipleelements, attributesectorscendats eftibutes 및 descenderfortrecture

HTML5의 목표 :보다 강력하고 액세스 가능한 웹 생성May 14, 2025 am 12:18 AM

html5aimstoenhancewebcapabilities, MakingItmoredynamic, Interactive, and Accessible.1) itsupportsmultimediaelementslikeand, 2) SemanticlementsImpreveAcessibilityandCodeReardability.3) 특징적인 부대, 응답 Whebappl

HTML5의 중요한 목표 : 웹 개발 및 사용자 경험 향상May 14, 2025 am 12:18 AM

html5aimstoenhancewebdevelopmentandusereerexperiencetroughsemanticstructure, multimediaintegration 및 performanceimprovements

html5 : 안전합니까?May 14, 2025 am 12:15 AM

html5isnotinherentlyinsecure, buttsfeaturescanleadtosecurityRiskSifMisusedOrimProperSimplemented.1) USETHETSANDTRIFICEINIFRAMESTOCONTROLEMEDEDEDENDENDENDENDENDENDENDENDENDENTANDENTANDERVULNERABILITIESLIKECLIKEJACKINGINITIONSLIKECLIKETHOING.2) 피난처에 대한 비난을 피하십시오

이전 HTML 버전과 비교할 때 HTML5 목표May 14, 2025 am 12:14 AM

html5aimedtoenhanceWebDevelopmentByIntrictionmanticalLiticalEmentements, nativeMultiMediasupport, 개선 된 정보 및 및 플린 컨테이션, html4andxhtml.1) itintructed -temantictagsiver ,, 개선 부양

CSS : ID 선택기를 사용하는 것이 좋지 않습니까?May 13, 2025 am 12:14 AM

ID 선택기를 사용하는 것은 본질적으로 CSS에서 나쁘지 않지만주의해서 사용해야합니다. 1) ID 선택기는 고유 한 요소 또는 JavaScript 후크에 적합합니다. 2) 일반적인 스타일의 경우 클래스 선택기가보다 유연하고 유지 관리 가능하므로 사용해야합니다. ID 및 클래스 사용의 균형을 유지함으로써보다 강력하고 효율적인 CSS 아키텍처를 구현할 수 있습니다.

HTML5 : 2024 년 목표May 13, 2025 am 12:13 AM

HTML5'SGOALSIN2024FOCUSONERFINEMENTANDENDEND 및 최적화, NOTNEWFEATURES.1) 최적화 된 렌더링을 향상시킵니다

HTML5가 개선하려고했던 주요 영역은 무엇입니까?May 13, 2025 am 12:12 AM

html5aimedtoimprovewebdevelopmentinfourkeyareas : 1) Multimediasupport, 2) Semantictructure, 3) Formcapabilities, 및 4) OfflineandStorageOptions.1) Html5intrudceDandlements, Simplifying MediaembeddingandenUsereXperxpercepence.2) NewSmanticallementalmentalmentementlementmentmentmentmentmentmentmentmentmentmentmentmentmentmentmentmentmentmentalments

See all articles

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.