1. 웹페이지 배경색 설정시 실수할 확률
: 매우
흔함 : 상대적으로 넓음
실수할 가능성 : 게으름/모름
약 2년 전에는 배경색이 한 번도 설정되지 않은 것을 발견함
.21cn에 그 당시 이메일로 알렸는데 그 이후로 이런 문제가 발생한 적이 없습니다.
대부분의 사람들의 윈도우 배경색은 흰색이지만, 저 같은 사람이라면 이런 식으로 웹의 배경색을 설정하지 않으면 윈도우 윈도우의 배경색을 회색이나 다른 색상으로 변경하게 됩니다. 일반적인 웹 페이지라고 생각되는 페이지가 내 컴퓨터에서는 엉망으로 보일 수도 있습니다.
2. Align 센터 남용(자동 센터링)
오류 발생 가능성: 매우 높음
발생률: 매우 높음
오류 발생 가능성: 편리하다고 생각/유용하다고 생각함
직장에서 다른 사람의 웹 페이지를 수정하고 유지 관리하는 것이 일반적입니다. 많은 사람들이 나쁜 습관을 갖고 있습니다.
표의 텍스트나 이미지를 어떻게 중앙에 배치하거나 왼쪽 또는 오른쪽으로 배치합니까?
<div align="center">안녕하세요 여러분! ! </div>
<div align="center"><img src="xx.gif"></div>
표가 많고, 텍스트도 많고, 내용이 매우 자세하게 설명되어 있는 경우에는 이 방법을 사용하는 것이 좋습니다(단축키는 DW(키는 Ctrl+Alt+C, FP는 뭔지 모릅니다) 사람들이 미친 듯이 사용하는 경향이 있습니다. 이런 웹 페이지를 접하면 왜 그렇게 사용해야 할까요? 중앙에 배치할 <div>가 많나요? 왜인지 말해봐? 테이블에 중앙 맞춤 속성이 없나요? 이 정크 코드를 추가하는 이유는 무엇입니까? 특수 수정 시 텍스트나 이미지는 삭제할 수 없으며 자동으로 지워집니다.
여러 위치 지정이 필요한 경우 <td align="center">를 사용하는 것이 좋습니다. > 이 코드 때문에 다루기가 쉽지 않으니, 테이블을 대신 사용할 수 있다면 테이블을 대신 사용하세요.
3. 동일한 기능을 구현하는 코드 또는 기타 지저분한 코드를 재사용합니다. 오류 확률: 매우 일반적입니다.
오류
확률
: 복잡하고 다양합니다.
<center><p><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px;font- family:official script">제목</font></font></font>
</center>이 코드는 어떤 것 같나요? </font></p>
기본적으로 이런 코드를 보면 10초 정도 멍해질 것 같아요. 이 10초의 목적은 제 생각을 표현할 수 있는 단어를 찾는 것입니다. (나? 다시 물어볼래? 죄송합니다~~ 저는 일반적으로 이렇게 하지 않습니다. 웹 페이지를 만들 때 코드를 탐색하는 데 최소한 절반의 시간을 소비하기 때문입니다. 한눈에 알 수 있습니다. 코드에 있어서는 안 될 내용이 너무 많습니다.)
위의 코드를 보면 2개의 클래스와 4개의 폰트가 2개의 텍스트를 정의하는데 사용됩니다. 실제로 사람들이 코드에 익숙하지 않고, 코드를 확인하기에는 너무 게으른 경우 이러한 문제가 자주 발생합니다. 물론 코드를 확인하는 것을 좋아하는 사람들은 특히나 이러한 문제를 겪고 있습니다. 물론 실제로 다른 사람들이 이 웹 페이지를 탐색할 때는 문제가 없지만 관리자는...
이러한 중복된 가비지 코드는 완전히 생략될 수 있습니다. 사실 위의 예는 더 무서운 예도 본 적이 있습니다.
언급해야 할 또 다른 질문이 있는데, <p>...</p>와 <center>...</center>입니다. 왜 사용해야 할까요? 이유를 말해 보세요~~, 어떤 사람들은 이렇습니다:
<td><div align="center" class="css_id">
<중앙>
<p align="center"></p>
<p align="center"><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px; 글꼴 가족:공식 스크립트">제목</font></font></font>
</center></td>이 코드는 어떤 모습일까요? </font></p></center></div></td>
이런 코드를 보면 정말 무기력해질 것 같아요(자주 보고 꼭 읽어야 한다는 게 더 무기력합니다), 단순화시켜 보겠습니다. :
<td align="center" class="css_id">
<font color="#FFA76C" style="font-size:14px;font-family:official script">제목</font>
이 코드는 어떤 것 같나요? </td>
세상이 훨씬 더 조용해진 것 같나요? "제목" 뒤의 텍스트는 <td> 클래스에서 정의할 수 있습니다. CSS를 사용하지 않더라도 <.font>를 추가로 사용해도 문제가 없습니다.
4. 잘못된 테이블 중첩
가능성: 일반적으로
발생하는 실수 가능성
:
사실 이것은 일반적인 문제이지만, 여전히 테이블을 잘못 중첩하면 발생할 수 있습니다. 상사가 사무실로 불러들여 혼내고, ADSL을 2~3분 사용해도 정상적인 웹페이지가 열리지 않는다고 생각하게 될 것입니다. 먼저 큰 테이블에 테이블을 계속 중첩하면 웹 페이지를 여는 속도가 느려진다는 첫 번째 문제에 대해 이야기해 보겠습니다. (현재 IE에서는 이 문제가 개선되었지만 여전히 권장되지 않습니다.) 한편으로는 유지 관리와 수정이 매우 불편합니다. 일반적으로 3~4개 레이어라도 간단한 적용에는 문제가 없지만 모든 것을 테이블에 담지는 않습니다. 두 번째 문제는 무료 카운터 코드를 포함하여 모든 것을 큰 테이블에 넣는 것입니다. 헤헤, 무슨 일이 일어날지 추측해 보세요. 사실, 가장 심각한 것은 IE가 충돌한 것 같고 아무것도 표시되지 않는다는 것입니다. 해결 방법은 카운터를 다른 콘텐츠와 동일한 테이블이 아닌 별도의 테이블에 배치하는 것입니다.
5.
코드들여
쓰기를
작성할 때 Tabs 대신 공백을 사용하십시오
.
., html Tab을 사용할 수 없고 프로그램 작성 방법을 아는 사람은 들여쓰기가 무엇인지 알고 있습니다. 공백을 사용하는 사람도 있고 Tab을 사용하는 사람도 있습니다. 공백을 사용하는 경우에는 이제 대신 Tab을 사용하세요.
티안지예스키