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