Skip to main content

05.HTML-글로벌 속성과 로컬 속성

Taekyu KangTaekyu Kang

Loading preview...

Use cases

Class notesClass notes

About

HTML-글로벌 속성과 로컬 속성 mind map template은 웹 개발의 핵심인 HTML 속성 체계를 40개의 노드로 상세히 정리한 학습 도구입니다. 이 템플릿은 모든 태그에 공통으로 적용되는 '글로벌 속성'과 특정 태그에서만 유효한 '로컬 속성'의 차이점을 명확히 구분하여 설명합니다. 특히 'draggable', 'tabindex', 'spellcheck'와 같은 실무적인 글로벌 속성부터 'href(a)', 'src(img)'와 같은 필수 로컬 속성까지 포괄적으로 다루고 있어 HTML cheat sheet로 활용하기에 최적화되어 있습니다. 시각 장애인을 위한 웹 접근성 향상 기법과 검색 엔진 최적화(SEO)를 위한 'lang' 속성 설정 등 실무적인 팁이 포함되어 있어 초보 개발자와 퍼블리셔에게 실질적인 가이드를 제공합니다.

htmlweb developmentattributes
Terms and Conditions

When to use this template

웹 퍼블리싱 입문자 및 프론트엔드 개발 지망생

HTML 기초를 공부하며 각 태그별 속성의 종류와 역할을 체계적으로 정리하고 싶을 때

UI/UX 디자이너 및 웹 접근성 담당자

웹 접근성 표준을 준수하기 위해 필요한 주요 속성들을 빠르게 검토해야 할 때

취업 준비 중인 신입 개발자

기술 면접을 앞두고 HTML의 전역 속성과 지역 속성의 개념적 차이를 복습할 때

How to use this template

Step 1

템플릿 파일 열기

Xmind 데스크톱 또는 웹 앱에서 다운로드한 .xmind 파일을 열어 전체 구조를 확인합니다.

Step 2

속성별 상세 내용 확인

글로벌 속성과 로컬 속성 브랜치를 확장하여 각 속성의 정의와 'target(a)'의 _blank 값 같은 세부 옵션을 학습합니다.

Step 3

실습 코드 추가하기

각 속성 노드 옆에 실제 HTML 코드 스니펫을 메모로 추가하여 나만의 실무 가이드를 완성합니다.

Frequently asked questions

글로벌 속성은 'id'나 'class'처럼 모든 HTML 태그에서 공통적으로 사용할 수 있는 속성인 반면, 로컬 속성은 'href'가 <a> 태그에서만 작동하듯 특정 태그의 고유한 기능을 수행하기 위해 설계된 속성입니다.

Got an inspiring template?

Share your mind map templates with creators around the world and start earning from your work.

Free template