블로깅에서 이러한 HTML 코딩 실수를 합니까?

웹페이지 개발자라면 항상 다음을 활용합니다. HTML 코딩 하지만 때로는 간단한 코딩 실수에 직면하기도 합니다. 숙련된 코더와 학습자 모두 주의력 부족이나 경험 부족으로 인해 HTML 코딩에서 오류를 범합니다.

깨끗한 코드는 능숙한 웹 개발자가 될 뿐만 아니라 나중에 코드를 편집할 필요가 없기 때문에 시간을 절약해 주기 때문에 정말 중요합니다.

웹페이지에 깨끗한 코드가 있는 경우(즉, HTML 코드가 World Wide Web Consortium에서 지정한 구성을 보유하고 인터넷 기반 웹사이트가 준수해야 하는 표준을 유지함) Google에서 사이트 순위를 높이는 데 도움이 됩니다.

처음부터 조심하고 게시하기 전에 작업을 검토하는 것이 항상 도움이 됩니다.

여기입니다 가장 일반적인 HTML 코딩 실수 목록 우리가 자주 접하고 접하는 일입니다.

1) 누락되었거나 부적절한 DOCTYPE

DOCTYPE 또는 문서 유형 정의(DTD) 웹 브라우저는 웹 페이지에서 사용 중인 HTML 버전을 식별할 수 있습니다. HTML 코드는 특정 HTML 버전에 대한 규칙을 명시하므로 항상 DOCTYPE으로 시작해야 합니다.

DOCTYPE은 대소문자를 구분하고 DOCTYPE이 다르면 HTML의 다른 버전을 참조하므로 DOCTYPE을 입력할 때는 주의해야 합니다. 이 비디오를 확인하세요. HTML 코드에 실수가 없는지 어떻게 확인하나요?

 

2) 잘못된 형식의 HTML

HTML 코드를 작성할 때 가장 흔히 발생하는 오류는 닫는 태그 누락, 속성 값에 대한 따옴표 생략, 태그의 부적절한 중첩 등 잘못된 형식 지정입니다.

일반적으로 대부분의 HTML 태그 예를 들어 및 에 대한 열기 및 닫기 태그가 모두 있습니다. 태그가 콘텐츠를 둘러싸는 경우에는 닫아야 하지만 다음과 같은 몇 가지 예외가 있습니다. 태그를 편집하게 되므로 항상 해당 태그를 닫는 것이 좋습니다. HTML 문서가 더 쉬워졌습니다..

값 주위에 따옴표를 두는 것이 항상 더 좋습니다. 비록 이전 버전의 HTML에서는 필수는 아니지만 최신 버전에서는 필요합니다. 태그를 올바르게 닫는 것도 매우 중요한 부분입니다. HTML 코딩 열린 방향과 반대 방향으로 끝나야 합니다.

3) 지원되지 않는 속성 또는 태그

때때로 사람들은 다음과 같은 코드를 사용하는 경향이 있습니다. 또는 의 일부가 아닌 것 HTML 표준. 다시 말하지만, 많은 경우 여백 크기를 변경하는 태그와 같이 부적절한 속성을 사용합니다. , 예를 들어 . 다양한 버전의 HTML은 다양한 유형의 속성과 태그를 지원합니다.

어떤 속성이 사용 중인 버전과 호환되는지 확인하려면 다음을 사용하여 HTML의 유효성을 검사해야 합니다. HTML 검사기.

4) 문자 인코딩 간과

각 문자 집합에는 이에 대한 특정 코드가 있으며 이 코드는 웹 페이지에서 어떤 문자 집합이 사용되고 있는지 웹 브라우저에 알려줍니다. 따라서 영어 문자로 구성된 웹페이지는 중국어나 프랑스어 문자 집합과 다른 문자 집합을 갖게 됩니다.

결과적으로 문자 인코딩은 읽고 표시할 정보 유형을 웹 브라우저에 제안합니다. 대부분의 영어 웹페이지의 경우 문자 인코딩이 windows-1252 및 ISO-8859-1은 영문자를 의미합니다.

5) 여러 줄 바꿈 사용

줄바꿈 태그를 사용하는 것은 부적절합니다. 줄 사이에 간격을 삽입하려면 단일 줄 바꿈만 추가하고 요소 사이에 단락과 공백을 만드는 데 사용해서는 안 됩니다. 줄바꿈을 사용하는 올바른 방법은 다음과 같습니다. 이것은 한 줄입니다 이건 다른 라인이에요 대신: 이것은 한 줄입니다 이것은 다른 라인입니다.

6) 부적절한 테이블 사용

테이블은 잘못된 HTML 코딩으로 이어지는 경우가 많으며 대부분의 브라우저는 테이블이 부적절하게 인코딩된 경우 오류 메시지를 표시하지 않으므로 그렇게 하기가 매우 쉽습니다. 그러나 보조 기술은 올바른 테이블 구조에 대해 매우 엄격합니다. 다음은 우리가 자주 저지르는 가장 일반적인 테이블 실수입니다.

• 끝내지 마세요. , 또는 태그를 지정하거나 잘못 종료함
• 텍스트 서식 지정에 사용되는 태그로 행이나 표 셀을 묶습니다.
• 각 행마다 다양한 셀 수로 테이블을 만듭니다.
• 다음과 같이 인라인 요소 내에 테이블 만들기 또는

7) 잘못된 형식의 URL

연결된 단어 및/또는 이미지를 볼 수 있지만 다른 사람은 볼 수 없는 경우가 있습니다. URL에 다음이 없는지 확인해야 합니다. C:\image와 같은 DOS 유형 경로 이름그렇지 않으면 링크를 따라가는 사람에게 문서를 찾을 수 없음 오류 404가 발생합니다. 다시 말하지만, 백슬래시(\)가 아닌 항상 슬래시(/)를 사용해야 합니다. 일부 서버 소프트웨어가 두 가지를 모두 인식하는 경우에도 다음을 수행하는 것이 좋습니다. 표준을 유지하십시오. 링크의 경우 확장자가 문제가 될 수 있습니다. mywebpage.htm이라는 파일을 테스트하는 동안 완벽하게 작동할 수 있지만 서버에 필요한 것은 mywebpage.html입니다.

8) 내려다 보이는

데이터를 출력하거나 기능을 수행하는 모든 JavaScript에는 JavaScript가 수행하는 작업에 대한 대안이나 설명을 제공하는 태그입니다.

9) 볼드체와 로 사용하기

의미상으로 사용하는 것이 올바르지 않습니다. 각각 이탤릭체와 굵은 텍스트에 사용됩니다. 이를 위해서는 글꼴 스타일 및 글꼴 두께에 CSS 속성을 사용하는 것이 적합하며 문서 자체에서 스타일을 사용해야 하는 경우 텍스트를 이탤릭체와 굵게 표시하여 사용하는 것이 좋습니다.

10) 이미지 태그의 경우 대체 속성이 누락되었습니다.

이미지 태그에는 이미지의 맥락을 설명하는 Alt 속성이 있어야 합니다. alt 속성을 사용하면 웹 크롤러가 콘텐츠를 더 잘 분류하고 사용자가 이미지가 중요한지 여부를 쉽게 결정할 수 있습니다.

이 목록은 아마도 영원히 계속될 수 있지만 이 모든 사항은 HTML 코드를 사용할 때 주의해야 할 사항을 깨닫기에 충분합니다.

또한 페이지를 검증하여 범하고 있는 HTML 코딩 오류를 파악해야 오류를 쉽게 방지하여 깔끔한 코딩을 수행할 수 있습니다.

블로그를 하면서 어떤 종류의 실수를 했는지