HTML
다음 페이지로 이동:
HTML 학습
학습 프로그램 더보기
기준 HTML에서 새로 사용할 수 있는 기능
HTML 및 접근성
HTML 및 성능
Chrome DevTools로 HTML 및 DOM 디버그
HTML을 처음 사용하시나요?
HTML을 처음 접하는 경우 다음 도움말을 참고하세요. HTML 학습 과정에서는 구조적 문제, 메타데이터, 시맨틱스 등 HTML 작동 방식의 기본사항과 기술을 연마하는 데 도움이 되는 추가 주제를 안내합니다.
더 많은 과정을 확인해 보세요.
HTML에 대해 자세히 알아보려면 다음 과정을 참고하세요. 이 과정에서는 웹 애플리케이션을 개선하는 데 사용할 수 있는 고급 주제를 다룹니다.
설문지
이미지
img
요소를 사용하는 것 이상이 있습니다. 이 과정에서는 웹에서 이미지를 사용하는 방법에 대해 알아야 할 모든 것을 배웁니다.
접근성
새로 사용할 수 있는 기본 HTML 기능
기준은 웹 플랫폼 기능을 모든 주요 브라우저 엔진에서 안전하게 사용할 수 있을 때 웹 개발자에게 신호를 보냅니다. 다음은 이제 기준으로 새로 사용할 수 있는 몇 가지 HTML 기능입니다.
HTML 및 접근성
HTML은 액세스 가능한 웹 애플리케이션을 빌드하는 데 있어 기본적인 부분입니다. 이 섹션에서는 HTML을 사용하여 접근성 있는 웹 애플리케이션을 빌드하는 방법을 자세히 알아볼 수 있는 도움말과 리소스를 확인할 수 있습니다.
제목 및 랜드마크
키보드 입력을 쉽게 하기 위해 시맨틱 HTML 사용
키보드 액세스 기본사항
라벨 및 텍스트 대체
HTML 및 성능
HTML을 사용하는 방식에 따라 웹 애플리케이션의 성능이 달라질 수 있습니다. 이 섹션에서는 HTML을 사용하여 웹 애플리케이션을 더 빠르게 만드는 방법을 자세히 알아볼 수 있는 도움말과 리소스를 확인할 수 있습니다.
브라우저 미리 로드 스캐너에 싸우지 않음
Fetch Priority API로 리소스 로드 최적화
fetchpriority
HTML 속성을 사용하여 브라우저에 대한 리소스의 상대적 우선순위를 나타냅니다. 로드 최적화를 가능하게 하고 코어 웹 바이탈을 개선할 수 있습니다.
중요한 애셋을 미리 로드하여 로드 속도 개선
link
요소를 사용하여 브라우저에 리소스가 필요해지기 전에 가져오라고 지시하는 기법입니다. 이 가이드에서 이를 사용하여 웹 애플리케이션의 성능을 개선하는 방법을 알아보세요.
웹용 브라우저 수준 이미지 지연 로드
loading
를 사용하여 이미지를 지연 로드하는 방법을 알아봅니다.
Chrome DevTools로 HTML 및 DOM 디버그
Chrome DevTools는 개발자가 웹 애플리케이션을 디버그하는 데 사용하는 도구 모음입니다. 다음은 웹 애플리케이션에서 페이지의 HTML 및 DOM과 기타 관련 개념을 디버그하는 데 도움이 되는 몇 가지 추천 도구입니다.