데이터의 유효성을 확인하는 중입니다. HTML 유효성 검사가 필요합니까?

안녕하세요. 귀하의 질문에 즉시 답변하겠습니다. 이 강의를 읽어볼 가치가 있나요? 매우 유용하고 무료 서비스로 이동하여 사이트 주소를 입력하고 사이트에 오류가 있는 경우 해당 강의를 읽어 볼 가치가 있습니다. 이 온라인 유효성 검사기를 사용하여 오류를 표시하는 예:

현재 내 블로그에는 그러한 오류가 없으며 제거했습니다(총 70개 이상의 오류와 80개 이상의 경고가 있었습니다). 명확히 하기 위해 유효한 코드가 무엇이고 왜 필요한지 알려드리겠습니다.

유효한 코드는 표준을 충족하는 코드입니다.

HTML, CSS, 모든 종류의 마이크로 마크업 등의 유효성을 확인할 수 있습니다. 오늘은 HTML의 유효성에 대해 이야기하겠습니다.

• 유효한 코드는 필요하지 않지만 오류 수는 최소화되어야 합니다. 그렇지 않으면 사이트가 브라우저 간 호환되지 않습니다. 코드 유효성은 주로 사이트가 모든 브라우저에서 올바르게 표시되도록 하기 위해 필요합니다.
• 검색 로봇은 HTML로 사이트와 "대화"하므로 모든 "닫힌 태그" 등을 사용하여 사이트의 콘텐츠를 명확하고 명확하게 표시하는 것이 중요합니다.
• HTML 유효성은 SEO에 영향을 주지만 아주 약간만 영향을 미칩니다(물론 수백 또는 수천 개의 오류가 있는 경우는 제외). Devaki의 흥미로운 관찰인 "HTML 품질이 순위에 미치는 영향"을 읽어 보시기 바랍니다.
• 내 사이트에서 코드를 유효하게 만들었을 때 어리석은 실수(반복되는 태그, 누락된 문자 등)를 찾아 수정했습니다.
• 일부 오류를 수정하기 어렵거나 수정이 사이트 기능에 해를 끼친다면 "엉망진창"해서는 안 됩니다. 가장 중요한 것은 사용자가 편리하게 사용할 수 있도록 하는 것입니다.

아래에서는 검증인이 지적한 주요 오류를 분석해 보겠습니다. 갑자기 당신의 실수가 아래 목록에 없으면 댓글에 적어주세요. 우리는 함께 알아내려고 노력할 것이며 이번 강의에서 이 문제에 대한 해결책을 추가하겠습니다. 그런데, 그렇습니다. w3c 유효성 검사기가 지적한 오류는 여기에서 찾을 수 있습니다:

각 오류에는 힌트가 있습니다. 이는 페이지 소스 코드의 줄 번호이며 이를 통해 이 줄이 있는 테마 파일을 대략적으로 확인할 수 있습니다. 주요 브라우저에서 Ctrl+U를 사용하여 페이지의 소스 코드를 살펴봅니다.

시작하기 전에 웹사이트 템플릿의 백업 복사본을 만드세요.

또한 소스 코드에서 오류를 더 쉽게 찾으려면 Mozilla Firefox용 HTML 유효성 검사기를 사용할 수 있습니다. 설치하고 페이지의 소스 코드로 이동하면 validator.w3.org 서비스가 나타내는 것과 동일한 오류가 표시됩니다. 오류 이름(왼쪽 하단)을 클릭하면 자동으로 이 잘못된 코드가 있는 줄로 리디렉션됩니다.

w3c 유효성 검사기를 사용하여 HTML에서 오류를 찾아 수정합니다.

아래 목록에서 오류를 찾아 클릭하면 자동으로 올바른 위치로 "스크롤"됩니다.

1. 속성 사이에 공백이 없습니다.

…rel="바로가기 아이콘" href="http://arbero.ru/favicon.ico" ; type="image/x-icon" 세미콜론만 제거하세요.

2. td 요소의 너비 속성은 더 이상 사용되지 않습니다. 대신 CSS를 사용하세요.

td valign="center" width="80" height="80" >

이와 같은 형태를 변형해 보겠습니다.

td 스타일="정렬:중심; 너비:80; 높이: 80;">

3. img 요소에는 특정 조건을 제외하고 alt 속성이 있어야 합니다. 자세한 내용은 이미지에 대한 대체 텍스트 제공에 대한 지침을 참조하세요.

가장 흔한 실수 중 하나입니다. 그림에 대한 대체 텍스트가 충분하지 않습니다. Alt 태그를 작성합니다.

4. 섹션에 제목이 없습니다. 모든 섹션에 식별 제목을 추가하려면 h2-h6 요소를 사용하는 것이 좋습니다.

섹션 ID="댓글" >

섹션 블록에는 h2-h6 태그 중 일부가 포함되어야 합니다. 그렇지 않은 경우 섹션이라는 단어의 이름을 div로 바꾸세요.

5. hgroup 요소는 더 이상 사용되지 않습니다. 부제목을 마크업하려면 주 제목을 포함하는 h1-h6 요소 뒤의 p 요소에 부제목을 넣는 것을 고려하세요.

또는 주 제목을 포함하는 h1-h6 요소 내에 부제목을 직접 배치하지만 구두점 및/또는 예를 들어 차별화된 스타일을 사용하여 span class="subheading" 요소 내에 주요 제목과 구분합니다. 제목과 부제목, 대체 제목 또는 태그라인을 그룹화하려면 header 또는 div 요소 사용을 고려하세요.

이전 요점과 유사합니다. hgroup 문구를 div로 변경하세요. 텍스트 편집기에서 모두 찾기/바꾸기 도구를 사용하면 이와 같은 프로세스 속도를 높일 수 있습니다.

6. 요소 "noindex"가 정의되지 않음

noindex 태그를 유효하게 만들기 위해 다음과 같이 주석으로 작성합니다.

색인 생성 불가

7. 열려 있지 않은 요소 "div"에 대한 종료 태그

닫는 div 태그는 중복됩니다. 그것을 제거합시다.

8. 문서 유형에서는 여기서 "li" 요소를 허용하지 않습니다. "ul", "ol", "menu", "dir" 시작 태그 중 하나가 누락되었습니다.

"li" 태그의 잘못된 사용: "ul", "ol" 등의 태그가 누락되었습니다. 확인하세요.

9. "div"의 종료 태그가 생략되었지만 OMITTAG NO가 지정되었습니다.

닫는 div 태그가 누락되었습니다.

10. "테두리" 속성이 없습니다.

alt="" width="1" height="1" border=" 0"/>

border="0"이라는 문구를 제거하면 됩니다.

11.캐릭터"