Dreamweaver에서 유효성 검사기는 어떻게 작동합니까?

HTML의 누락되거나 잘못된 요소 - HTML (HyperText Markup Language) - 웹 사이트 디자인 코드로 인해 웹 페이지가 올바르게 표시되지 않을 수 있습니다. 대부분의 Adobe Dreamweaver 웹 디자인 소프트웨어 버전에는 HTML 코드의 디자인 코드를 스캔하고 오류를 자동으로 강조 표시하는 HTML 코드 검사기 기능이 포함되어 있습니다.

HTML 코드 정보

웹 사이트는 콘텐츠를 표시하고 대화 형 기능을 제공하기 위해 다양한 유형의 프로그래밍 및 디자인 코드를 사용하지만 HTML 코드는 대부분의 웹 페이지 디자인의 기초를 제공합니다. 코드는 각진 괄호로 묶인 코드로 구성됩니다. 각 태그 대괄호 안의 HTML 코드는 글꼴 및 스타일에서 이미지 및 표의 크기에 이르기까지 웹 페이지 콘텐츠의 형식, 크기, 위치 및 레이아웃을 제어합니다.

HTML 코드 오류

HTML 코드의 작은 오류로 인해 웹 페이지의 디자인이 손상되거나 방문자의 웹 브라우저에 표시되지 않도록 할 수 있습니다. 예를 들어, 대괄호 뒤에 꼬리표가있는 HTML 태그를 닫지 않으면 웹 브라우저가 여는 괄호 뒤에있는 모든 HTML 코드를 무시하게되어 필수 페이지 디자인 요소가 브라우저에 표시되지 않게됩니다. 작은 오타 및 누락 된 HTML 문자로 인해 웹 페이지 디자인에 심각한 문제가 발생할 수 있습니다.

HTML 코드 검증

웹 마스터는 외부 서비스 또는 Adobe Dreamweaver와 같은 웹 디자인 소프트웨어에 포함 된 유효성 검사기를 사용하여 HTML 코드를 확인하고 유효성을 검사 할 수 있습니다. Dreamweaver의 HTML 유효성 검사기는 워드 프로세서 프로그램의 맞춤법 및 문법 검사기 기능과 비슷한 방식으로 작동합니다. 유효성 검사기는 여러 HTML 코드 라이브러리에서 추출한 다음 웹 페이지의 모든 HTML 코드를 스캔하여 코드 태그의 문제 또는 태그 내의 HTML 코드 구문을 식별합니다. 웹 사이트 디자이너는 강조 표시된 코드를 수정할 수 있습니다.

Dreamweaver의 HTML 유효성 검사기 사용

웹 페이지를 디자인하고 필요한 모든 HTML 코드를 입력 한 후 HTML Validator 도구를 사용하여 코드의 유효성을 검사 할 수 있습니다. 먼저 유효성 검사기 기본 설정을 지정합니다. 페이지 상단의 기본 메뉴에서 "편집"을 클릭 한 다음 컨텍스트 메뉴에서 "기본 설정 (Windows)"또는 "기본 설정 (Macintosh)"을 선택하십시오. 범주 옵션 목록에서 "Validator"를 클릭하십시오. 코드를 검사 할 HTML 라이브러리 옆의 확인란을 클릭하십시오. 예 : "HTML 2.0"또는 "HTML 4.0". 적용 가능한 선택란을 선택하여 유효성 검증에 포함시킬 오류 유형을 선택할 수도 있습니다. HTML Validator를 구성했으면 기본 메뉴에서 "Edit"를 선택한 다음 "Validate"를 클릭하여 유효성 검사기를 시작합니다.

Dreamweaver HTML Validator 가용성

Dreamweaver CS4 이하의 모든 버전의 Adobe Dreamweaver에는 HTML 유효성 검사기가 포함되어 있습니다. Adobe는 Dreamweaver CS5에서 HTML Validator를 표준 기능으로 삭제했습니다. 그러나 Dreamweaver CS5 사용자는 무료 HTML Validator 플러그인을 다운로드하여 설치하여 해당 기능을 프로그램에 추가 할 수 있습니다.