은 페이지 의 제목 이 고 아래 의

를 더 하면 페이지 의 등급 구 조 를 형성 합 니 다.

<!-- h1,      -->

<h1>    HTML     div，       </h1>

<!-- h2，     -->

<h2>      </h2>

<!-- h3，    -->

<h3>    </h3>

많은 부 텍스트 편집기 에서 적당 한 제목 구 조 를 사용 하면 내용 디 렉 터 리 를 자동 으로 생 성 할 수 있 습 니 다.예 를 들 어 본 고의 목록 구 조 는 바로 이렇다.

HTML 자체 가 문장 전체의 구조 적 메 시 지 를 전달 하 는 것 을 볼 수 있다.반대로 모두

를 사용 하면 이렇게 됩 니 다.

:당신 의 HTML 에 모두 div 가 있다 면 조심 하 세 요

:의미 화 란 무엇 인가

:제목 요소

:단추

:비 의미 화 요소

:총괄

는 어떤 의미 도 붙 이지 않 기 때문에 편평 한 구조 입 니 다.정확 한 HTML 만 사용 하면 DOM 은 선명 하고 구조 화 된다.
버튼
단추 의 역할 은 폼 을 제출 하거나 요소 의 상 태 를 바 꾸 는 것 입 니 다.정의 상 단 추 는 다음 과 같은 특징 을 가지 고 있 습 니 다.

초점 맞 추기

스페이스 바 또는 리 턴 키 를 눌 러 활성화

마우스 클릭 으로 활성화

바 인 딩 으로 이벤트 시 뮬 레이 션 단 추 를 누 르 면천연 자체 의 의미 화 된 상호작용 특징 을 사용 할 수 없습니다.당신 은 이러한 기능 을 수 동 으로 실현 해 야 합 니 다.

focus 상태

키보드 상호작용

마우스 상호작용

뿐만 아니 라 화면 리더 가제출요 소 를 만 났 을 때 의 미 를 식별 하여 제출 버튼 임 을 알려 줍 니 다.

만 있 으 면 리더 가 버튼 이 라 고 생각 하지 않 습 니 다.
우리 가 의미 화 된 HTML 요 소 를 사용 한 후에 내용 에 의 미 를 부여 하면 내용 도 생명 이 생 긴 다.
비 어의의 원소
앞에서 언급 했 듯 이

와은 비 의미 화 요소 입 니 다.

내용 에 어떤 의미 도 추가 하지 않 았 습 니 다.그것 은 단지

일 뿐 입 니 다.물론 이렇게 말 하 는 것 도 정확 하지 않 습 니 다.왜냐하면

와사이 에는 약간의 차이 가 있 기 때 문 입 니 다.

는 블록 급 원소

은 줄 안의 원소 입 니 다.다른 원소 에 넣 어야 합 니 다.예 를 들 어

Inline elements

내용 을 표시 할 HTML 요 소 를 찾 지 못 하면

또는을 사용 할 수 있 습 니 다.

와을 설계 한 이상 자 연 스 럽 게 사용 할 곳 이 있 습 니 다.모든 HTML 요소 에 추가 적 인 의미 가 필요 한 것 은 아니다.
전체적인 원칙 은 가능 한 한 대응 하 는 의미 화 요 소 를 우선적으로 사용 하여 내용 을 나타 내 는 것 이다.물 러 서서 그 다음 을 구하 고,사용 의 미 는 그리 명확 하지 않 은 라벨 이다.마지막 으로

와을 사용 하 는 것 을 고려 했다.
총결산
의미 화 된 HTML 요 소 를 사용 하 는 것 은 당신 의 프로젝트 에 현저 한 수익 을 가 져 다 주지 않 지만,나 는 당신 에 게 이렇게 하 는 것 을 건의 합 니 다.적어도 의미 화 된 HTML 페이지 는 더 좋 은 SEO 순 위 를 가 져 오고 스크린 리더 에 더욱 우호 적 이 며 코드 가 독성 이 높다.만약 당신 이 추구 하 는 Coder 라면,당신 은 나의 견 해 를 인정 할 것 이 라 고 믿 습 니 다.
이상 은 HTML 에서 div 를 남용 하지 말 라 는 상세 한 내용 입 니 다.HTML 에서 div 를 남용 하지 말 라 는 자 료 는 다른 관련 글 에 주목 하 세 요!