도와 주세요.:마크업 유효성 검사
Help![]() |
W3C Markup Validation Service를 통해 편집자는 웹 페이지가 HTML 및 XHTML 표준을 준수하는지 확인할 수 있습니다.중복 섹션 이름 또는 인용 ID와 같은 사소한 문제를 파악하는 데 도움이 됩니다.대부분의 주요 브라우저는 대부분의 오류를 허용하며 문서에 오류가 포함되어 있더라도 문서를 성공적으로 표시할 수 있지만, 예를 들어, Wikilink에서 마우스를 클릭하면 오류가 포함된 문서에서 잘못된 섹션이나 인용문으로 이동할 수 있습니다.페이지에 유효한 HTML이 포함되어 있는지 확인하면 이러한 사소한 결함을 해결하는 동시에 비정상적인 브라우저로의 이동성을 높일 수 있습니다.
위키백과 기사 XYZ에 대한 HTML을 확인하려면 서비스 홈페이지를 방문하여 "https://en.wikipedia.org/wiki/XYZ
".
현재 문제
이러한 오류는 개발자 수정이 필요하므로 편집자가 무시해야 합니다.고유 오류를 확인할 때는 특수:빈 페이지.
편집 링크가 있는 페이지:
Bad value edit for attribute rel on element link: Keyword edit is not registered.
이 문제는 특수에 대해 표시되지 않습니다.빈 페이지.
파일(이미지)이 있는 모든 페이지:
Attribute srcset not allowed on element img at this point.
- 이것은 HTML 생활 표준에 따라 허용됩니다.
srcset
MediaWiki 소프트웨어가 장치 기능을 기반으로 대체 이미지를 렌더링할 수 있습니다.이를 지원하도록 W3C HTML 검증기가 아직 업데이트되지 않았으며 오류가 발생합니다.
비표준 언어 코드가 있는 페이지:
Bad value xxx for attribute lang on element a: The language subtag xxx is not a valid ISO language part of a language tag.
유효한 HTML
현재 브라우저는 HTML 오류에 대해 상당히 관대하지만, 잘못된 HTML은 접근성, 검색 엔진 및 휴대성에 문제를 일으킬 수 있습니다.브라우저에 따라 오류 처리 방법이 다를 수 있으므로 디스플레이가 다를 수 있습니다.
대부분의 편집자에게 유효한 HTML을 만드는 것은 문제가 되지 않습니다.MediaWiki 소프트웨어는 위키 마크업을 (가끔 버그가 있는) 유효한 HTML로 변환합니다.영어 위키백과는 일반적인 오타와 실수가 올바른 HTML4로 변환되도록 돕기 위해 이제 구식 HTML4 라이브러리인 HTML4를 사용했습니다. 그러나 Tidy가 모든 문제를 해결할 수는 없습니다. Tidy가 테스트를 위해 비활성화할 수 있는 방법은 없으며 Tidy에 의해 수정된 문제가 표시되지 않습니다.또한, Tidy는 위키백과에서 제거될 예정이므로 이전에 간과되었던 오류를 수정해야 합니다.
HTML Tidy를 사용하지 않는 다른 Wiki로 페이지를 내보낼 때 이식성 문제가 발생하고 HTML 오류가 노출됩니다.
각주3과 같은 참조 방법을 사용하는 편집자는 항상 페이지의 유효성을 검사해야 합니다.이러한 템플릿을 사용하면 편집자가 중복된 HTML ID를 매우 쉽게 만들 수 있으므로 잘못된 HTML 및 페이지 내 연결 문제가 발생합니다. 이 문제는 아마도 위키백과에서 가장 일반적인 검증 문제일 것입니다.수동 템플릿에 대한 오류 검사가 거의 또는 전혀 없습니다.
템플리트를 개발하는 편집자는 항상 다양한 용도를 테스트하고 올바른 HTML을 렌더링해야 합니다.
검증 도구
W3C는 인터넷의 주요 국제 표준 조직으로 W3C 마크업 검증 서비스를 제공합니다.검증할 페이지의 전체 URL을 복사하여 검증자에 붙여넣기만 하면 됩니다.브라우저 책갈피에 추가하여 현재 페이지의 유효성을 검사할 수 있는 페블렛도 있습니다.
WDG HTML Validator에는 URL 목록의 유효성을 검사할 수 있는 배치 모드가 있습니다.
일반 진단 및 해결 방법
이 섹션에서는 마크업 유효성 검사 서비스에서 생성된 진단의 예를 제공하고 가능한 수정 사항을 제안합니다.진단은 페이지에 대해 생성된 HTML의 행과 열별로 표시됩니다.진단을 이해하기 위해 HTML을 가져오는 것이 도움이 될 수 있습니다.예를 들어 Firefox 브라우저를 사용하는 경우 control-U를 입력하여 HTML을 볼 수 있습니다.
ID가 이미 정의되었습니다.
라인 630, 열 88: ID "CITEREFBarker2008"이 이미 정의되었습니다.
...</a></b> <span class="citation" id="CITEREFBarker2008">Barker, Janice (2008-0
- "id"는 고유 식별자입니다.이 속성은 문서에서 사용될 때마다 다른 값을 가져야 합니다.스타일시트에 대한 후크로 이 속성을 사용하는 경우 ID(정확하게 하나의 요소를 식별하는 데 사용됨)보다 클래스(그룹 요소)를 사용하는 것이 더 적절할 수 있습니다.
이 오류는 기사에 동일한 작성자와 연도를 가진 {citation} 템플릿의 여러 호출이 포함된 경우 발생합니다. 위 오류는 2008년에 Barker가 작성한 두 개의 다른 문서를 인용한 기사에서 발생했습니다.연도 뒤에 문자를 넣어 인용문을 명확하게 합니다(예: year=2008a
, year=2008b
) 또는 {{parameter} 매개 변수를 사용합니다.
HTML ID는 각주 단축 또는 괄호 참조를 사용하는 경우에만 필요합니다.{{citation} 템플릿은 항상 HTML ID를 생성합니다. 인용 스타일 1의 경우 이 ID는 선택 사항이며 인용 스타일 밴쿠버는 ID를 생성하지 않습니다.
93행, 231열: ID "ref_1"이(가) 이미 정의되었습니다.
...ence plainlinks nourlexpansion" id="ref_1"><a href="#endnote_1">1</a></sup><...
- "id"는 고유 식별자입니다.이 속성은 문서에서 사용될 때마다 다른 값을 가져야 합니다.스타일시트에 대한 후크로 이 속성을 사용하는 경우 ID(정확하게 하나의 요소를 식별하는 데 사용됨)보다 클래스(그룹 요소)를 사용하는 것이 더 적절할 수 있습니다.
이와 유사한 진단은 문서에 동일한 ID를 가진 {{ref}}개의 여러 호출이 포함된 경우에 발생합니다. 예를 들어 " 두 개의 인스턴스가 있습니다.{{ref 1 1}}
문제를 해결하려면 다른 ID를 사용합니다.를 사용하는 템플릿ref_ID 접두사에는 {{ref}, {{ref label}, {{cref}} 및 {{cref2}}이(가) 포함됩니다.
Alt 텍스트 누락
줄 135, 열 108: 필수 속성 "alt"가 지정되지 않았습니다.
...,107" title="Hurricane Ida (2009)" />
- 위에 제공된 특성은 사용한 요소에 필요하지만 생략했습니다.예를 들어, 대부분의 HTML 및 XHTML 문서 유형에서 "type" 특성은 "script" 요소에 필요하고 "alt" 특성은 "img" 요소에 필요합니다.
이 진단은 접근성을 지원하지 않으며 시각적으로 손상된 판독기를 위한 대체 텍스트를 생성하지 않는 이지 타임라인 확장을 사용하여 발생할 수 있습니다.이러한 문제는 타임라인을 텍스트, 이미지 또는 이미지 맵으로 다시 실행하여 해결할 수 있습니다.
요소 dl에 필요한 하위 요소 dd의 인스턴스가 없습니다.
오류 줄 78, 열 5: 요소 dl에 하위 요소 dd의 필수 인스턴스가 없습니다.
</dl>
- 요소 dl에 대한 컨텐츠 모델:
- 각각 하나 이상의 dt 요소와 하나 이상의 dd 요소로 구성된 0개 이상의 그룹.
- 요소 dl에 대한 컨텐츠 모델:
정의 목록은 Wiki 마크업으로 생성됩니다.;
정의 목록을 정의합니다.:
목록에서 항목을 정의합니다.이 진단 결과는 다음과 같습니다.:
누락되었습니다.
- 들여쓰기는 다음을 사용하여 작성됩니다.
:
마크업이렇게 하면 하위 요소가 없는 정의 목록이 만들어집니다.T6521 - 이는 다음과 같은 경우에도 발생합니다.
;
행을 굵게 표시하기 위해 잘못 사용됩니다.Wiki 마크업 사용'''
굵은 글씨로.
CSS 유효성 검사
W3C에는 CSS 유효성 검사기도 있지만, CSS는 옵션이며 CSS 유효성 검사 오류는 일반적으로 개별 페이지의 문제가 아닌 스킨 문제로 인해 발생하기 때문에 위키백과 페이지를 편집할 때 문제가 덜합니다.
참고 항목
- 템플릿 {{W3C 검증}}