웹 프론트엔드 HTML 튜토리얼 HTML 해석: WEB 표준에 대한 오해

HTML 해석: WEB 표준에 대한 오해

Dec 17, 2016 pm 02:11 PM

HTML4에서 Elements에는 총 91개의 태그가 있습니다. 그러나 이 태그 중 자주 사용되는 태그는 1/4 미만입니다. 일반적으로 사용되는 태그 중 가장 다양한 용도로 사용되는 태그는 div와span입니다. 이 두 개의 태그는 웹 페이지에서 널리 사용됩니다. 또한 많은 사람들이 WEB 표준을 div+CSS로 직접 오해하여 페이지에 더 많은 의미 태그가 있음에도 불구하고 특수 태그가 나타납니다. 그것들을 구현하십시오.

테이블 스타일의 페이지 레이아웃은 Dreamweaver와 같은 시각적 조작이 가능한 웹 제작 소프트웨어의 존재와 단순성으로 인해 웹 제작 시대를 열었습니다. 많은 웹 디자이너들은 HTML 태그의 실제 의미에 전혀 관심을 기울이지 않았습니다. 웹 표준이 발전하기 시작했을 때 HTML 태그는 div+css의 레이아웃으로 직접 이해되었습니다.

그래서 웹 표준의 구조 태그는 거의 div 쇼룸이 되었습니다.


div 태그의 과도한 사용으로 인해 많은 사람들이 웹 표준에 대한 오해를 갖게 되었습니다. 가장 눈에 띄는 점은 웹 페이지가 div 태그 레이아웃 사용으로 전환되면 테이블 태그가 무자비하게 버려진다는 것입니다. 웹 표준은 div+css로 이해되었습니다. 실제로 테이블 태그는 버릴 수 없습니다. 데이터 내용을 표시해야 할 때 테이블 태그로 구성된 HTML 구조의 장점은 여전히 ​​div 태그로 구성된 레이아웃보다 강력합니다. 데이터를 표시할 때 HTML 의미론에 적용됩니다.

테이블 페이지 레이아웃에서 생성된 과도한 장황한 코드와 혼합된 HTML 스타일 속성은 특히 방문 수가 많은 웹사이트의 경우 페이지 성능에 심각한 영향을 미쳤습니다. 해결책은 수정하는 것입니다. 웹 표준을 기반으로 페이지를 리팩터링합니다. 그러나 웹 표준에 대한 오해로 인해 페이지 전체 구조에서 div가 과도하게 사용되었으며, 테이블 레이아웃에서 남겨진 아이디어로 인해 페이지 구조가 너무 많이 중첩되었습니다. 이는 여전히 페이지의 전반적인 성능에 영향을 미칩니다.

따라서 더 의미 있는 태그를 사용하여 페이지를 구축하는 것은 웹 표준에서 옹호하는 개념입니다. 이 개념에 따라 구축된 페이지는 페이지 코드를 최대한 가볍게 유지하기 위해 코드를 최대한 간소화해야 하며, 브라우저가 더 빠르게 렌더링하는 동시에 향후 코드 유지 관리도 용이하게 해야 합니다.

웹 표준은 단일 표준이 아니라 구조, 성능, 동작 등을 포함한 표준의 집합입니다. 여기의 구조는 div를 의미하는 것이 아니라 표준화된 언어인 XHTML, xml을 의미합니다.

분명히 태그는 굵은 스타일을 구현할 수 있는데, 이를 구현하기 위해 태그를 사용하고 굵은 스타일을 일치시켜야 하는 이유는 무엇입니까?

위 내용은 HTML의 해석입니다. WEB 표준에 대한 오해 자세한 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!


본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

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

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

HTML의 테이블 테두리 HTML의 테이블 테두리 Sep 04, 2024 pm 04:49 PM

HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML의 중첩 테이블 HTML의 중첩 테이블 Sep 04, 2024 pm 04:49 PM

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 여백-왼쪽 HTML 여백-왼쪽 Sep 04, 2024 pm 04:48 PM

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML 테이블 레이아웃 HTML 테이블 레이아웃 Sep 04, 2024 pm 04:54 PM

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML 입력 자리 표시자 HTML 입력 자리 표시자 Sep 04, 2024 pm 04:54 PM

HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.

PHP에서 HTML/XML을 어떻게 구문 분석하고 처리합니까? PHP에서 HTML/XML을 어떻게 구문 분석하고 처리합니까? Feb 07, 2025 am 11:57 AM

이 튜토리얼은 PHP를 사용하여 XML 문서를 효율적으로 처리하는 방법을 보여줍니다. XML (Extensible Markup Language)은 인간의 가독성과 기계 구문 분석을 위해 설계된 다목적 텍스트 기반 마크 업 언어입니다. 일반적으로 데이터 저장 AN에 사용됩니다

HTML 정렬 목록 HTML 정렬 목록 Sep 04, 2024 pm 04:43 PM

HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.

HTML 온클릭 버튼 HTML 온클릭 버튼 Sep 04, 2024 pm 04:49 PM

HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.

See all articles