HTML Advanced Tutorial의 목적은 HTML의 장점을 탐색하고 친화력과 사용 편의성을 최적화하는 것입니다.
HTML Elementary Tutorials 및 HTML 중간 튜토리얼은 최신 HTML 표준 (XHTML 버전 1.0 이상)을 사용하는 자세를 취하기 때문에 초등학교 및 중간 자습서를 읽지 않은 일부 사람들은이 튜토리얼의 일부 측면을 이해하기 어려울 수 있습니다. 전반적으로,이 튜토리얼의 각 부분은 HTML 내부 및 외부 이해를 가지고 있으며 그 잠재력을 더욱 발전시키기를 원한다고 가정합니다.
이 튜토리얼은 이미 HTML을 이해했지만 미래의 XHTML 표준의 테스트를 견딜 수 없으며 내용과 표현의 분리에 암시적인 사람들을위한 것입니다.
별도의 컨텐츠 및 성능HTML은 표현 수단이 아니었지만 사용자 측면에서 요소를 결합하여 텍스트 형식을 결합하여 개발자는 레이아웃을 작동하는 방법을 찾습니다. CSS의 힘으로 인해 더 이상 HTML을 사용하여 표현을 수행 할 필요가 없으며 콘텐츠는 표현 (CSS)과 완전히 분리 될 수 있습니다.
이 작업을 수행하는 데는 많은 이점이 있습니다. 일반적으로 파일 용량을 압축하고 기본 스타일 시트가있는 단일 페이지 대신 전체 웹 사이트를 제어 할 수있는 유연성이 있으며 페이지를보다 쉽게 사용할 수 있고 더 친밀한 친화력을 만들 수 있습니다.
이러한 기본 원칙을 따르면 기본적으로 HTML 내부의 스타일이 더 이상 사용해서는 안된다는 의미입니다. 예를 들어, 글꼴 태그와 BGColor의 특성을 더 이상 사용해서는 안됩니다. 이미지 태그 IMG의 테두리 속성 테두리조차 XHTML 1.1에서 불법입니다. 걱정하지 마십시오. 구식 HTML은 스타일을 유지하고 CSS 스타일을 만들 수 있으며 더 잘 수행 할 수 있습니다.
HTML의 표현을 벗기는 것이 아니라 컨텐츠의 구조는 적합한 HTML 태그를 사용하는 것을 의미합니다. 예를 들어, H1, H2 및 기타 응용 프로그램은 글꼴을 더 크게 만들기 위해 CSS를 사용하지 않고 제목에 사용됩니다.
가장 좋은 가이드는 비주얼 브라우저에서 기본 스타일을 사용하여 스타일 시트없이 페이지를 제시하는 것입니다 (또는 스타일 시트가있는 텍스트 브라우저이지만 Lynx- 트랜스 슬라 테이션과 같은 스타일 시트를 지원하지 않음).
테이블은 레이아웃에 사용해서는 안됩니다 . 테이블은 테이블 형식 데이터를 나타내는 데 사용됩니다 (우리는 여러 번 - 번역기의 노트를 언급했습니다). 아마도 이미 전통적인 구조에 익숙한 Htmlers의 경우 완전히 변화하는 것은 매우 기술적으로 어렵습니다. 이 방법은 파일을 크게 압축하며 이러한 명시 적 코드를 기반으로 사용하기가 더 쉬워지고 친화력이 높아집니다.자세한 내용은 CSS Advanced Tutorial의 레이아웃을 읽으십시오.
상표XHTML의 모든 태그는 소문자 여야하며 닫아야합니다. 닫힌 태그 (예 : BR 및 IMG)가없는 사람은 영어 반각 전진 슬래시 " /"(예 : <br />)를 사용한 후 자동으로 닫아야합니다. 슬래시 전에 영어 반 폭 공간이 있어야한다는 사실에주의하십시오.
태그는 또한 요소가 올바르게 중첩되도록 전체적인 방식이어야합니다 (예 : <strong> <em> </em> </strong>, <strong> <em>이 </strong> </em>).
모든 문서에는 HTML, 헤드, 제목 및 신체 요소가 있어야합니다. 또한 문서 유형 선언으로 시작해야합니다.
문서 본문은 P, H1, H2, H3, H4, H5, H6, Div, Pre, Address, Ins 또는 Del로 시작해야합니다.
재산모든 속성은 소문자 여야하며 그 값은 영어 반 폭을 인용 한 마크 ( ")로도 밀어야합니다.
간소화 된 속성은 허용되지 않습니다 (예 : <input type = "Checkbox"Checked />). 규칙에 따라 간소화 된 속성은 속성 이름과 동일한 값을 제공해야합니다 (예 : <input type = "checkbox"checked = "Checked" />).
이름 속성은 더 이상 합법적이지 않으며 (양식 요소 제외) 대신 ID를 사용해야합니다.
대상 속성 대상은 법적 속성이 아닙니다. 다행히도 약간 미쳤다.
IMG에서는 ALT 속성이 필요합니다.
유연장애인을위한 친화력 웹 페이지를 만드는 이유는 입증되지 않았습니다. 그것은 인간뿐만 아니라 얼굴 특징이 감소한 노인 사용자와 사용자에게도 유익합니다 (언젠가 우리는 오래되고 시력이 줄어들고 얼굴 특징이 유연하지 않습니다. 어떻게 인터넷을 탐색 할 수 있습니까? 노인에게는 미덕을 축적하고 지금은 친화력을 고려하십시오! - 번역기의 메모). 친화력은 심각한 장애가있는 사람들에게 편리 할뿐만 아니라 소량의 회귀 기능을 가진 대부분의 사용자가 더 쉽게 할 수 있습니다 (특별한 비전).
이 문제는 미국에서 "508"채택과 같은 법적 문제에 점점 더 관여하고 있으며, 이는 강제 친화력의 사용을 적극적으로 촉진하려고 시도합니다. 영국에서는 모든 정부 웹 사이트에 특정 선호도 수준이 있어야합니다. 건물에 대한 선호도 측정과 같은 법률이 언제 상업용 웹 사이트에서 널리 사용될 수 있습니까? (중국은 여전히 이런 종류의 법률이 언제 이용 가능할 것인지 알지 못하지만, 우리가 디자인 한 웹 페이지의 합법성에주의를 기울이지 말아야한다는 의미는 아닙니다. -Translator 's Note).
위의 제안을 따를 수 있다면 HTML은 이미 장애인 사용자에게 높은 친화력이 있어야합니다. 당신의 친화력을 다음 단계로 끌어 올리는 더 많은 창조물이 있으며 어렵지 않습니다. 친화력 연결 및 친화력 양식 안내서를 참조하십시오.