5 개의 일반적인 HTML 오류 웹 사이트 구성 중
1. 웹 페이지 배경색 설정
실수의 기회 : 매우 높습니다
보편성 : 더 넓습니다
실수를 저지르는 가능성 : 게으른/확실하지 않습니다
약 2 년 전, 나는 21cn에 배경색이 없다는 것을 발견했습니다. 이메일을 사용하여 알림을 받았으며 그 이후 로이 문제를 해결 한 적이 없습니다.
대부분의 사람들은 창문에 흰색 배경색을 가지고 있지만, 나와 같은 사람이 사람이라면 창문의 배경색을 회색 또는 다른 색상으로 바꿀 것입니다. 이런 식으로 웹 페이지의 배경색을 설정하지 않으면 일반 웹 페이지가 내 컴퓨터에서 엉망인 것처럼 보일 것이라고 생각합니다.
2. 조정 센터 남용
실수 할 확률 : 매우 높습니다
보편성 : 매우 넓습니다
실수를 저지르는 가능성 : 편리하다고 생각 / 사용하기 쉽다고 생각합니다.
직장에서 다른 사람들의 웹 페이지를 수정하고 유지하는 것이 일반적이며 많은 사람들이 나쁜 습관을 가지고 있음을 알았습니다.
테이블의 텍스트 나 그림에서 어떻게 왼쪽 또는 오른쪽으로 중심으로 만들 수 있습니까?
<div align = center> 안녕하세요 여러분! ! </div>
<div align = center> 〈img src =/xx.gif> 〈/div>
일부 테이블이 많고 텍스트가 많이 있고 콘텐츠가 매우 신중하게 나뉩니다.이 방법을 사용하는 사람들 (DW의 바로 가기 키는 Ctrl+Alt+C입니다. FP가 무엇인지 모르겠습니다)는 종종 그것을 크게 사용합니다. 유감입니다. 그런 웹 페이지를 만나면 두통이 있습니다. 왜 그렇게 많은 <div>를 사용해야합니까? 이유를 말해? 테이블에 센터링 속성이 없습니까? 이 정크 코드를 추가하는 이유는 무엇입니까? 이를 수정할 때 텍스트 나 그림을 삭제하고 자동으로 지울 수 없습니다.
<td align = center>를 중앙에 사용하는 것이 좋습니다. 다중 위치가 필요한 경우 <div align = center>를 고려하십시오. 이 코드는 처리하기가 쉽지 않기 때문에 테이블을 대신 사용할 수 있으면 대신 테이블을 사용하십시오.
3. 동일한 함수 또는 지저분한 코드를 구현하는 재사용 코드
오류 확률 : 매우 일반적입니다
보편성 : 매우 일반적입니다
실수를 저지르는 가능성 : 복잡하고 다양합니다
다음 코드를 살펴 보겠습니다.
<CENTRE> <P> 없었던> <font> 〈font color =#ccccccc> 〈font color =#ffa76c style = font-size : 14px; font-family : 家家> 〈/font> 〈/font>
〈/center> 그런 코드는 어떻게 생겼는지 어떻게 생각하십니까? 〈/font> −/p>
독자들이 느끼는 것이 무엇인지 모르겠습니다. 그러한 코드를 보자 마자 10 초 동안 마비 될 것입니다. 이 10 초의 목적은 내 생각과 감정을 표현할 수있는 단어를 찾는 것입니다.
위의 코드를보십시오. 2 개의 클래스와 4 개의 글꼴을 사용하여 2 개의 텍스트를 정의합니다. 실제로, 이러한 문제는 종종 사람들의 지속적인 수정으로 인해 발생합니다. 코드에 익숙하지 않은 사람들은 코드를보고 게으르거나 코드를보고 싶지 않은 사람들은 이러한 문제가 특히 심각합니다. 물론 다른 사람들 이이 웹 페이지를 탐색 할 때 문제가 없지만 그것을 유지하는 사람은 ......
이 추가 정크 코드는 완전히 생략 할 수 있습니다. 사실, 위의 예는 충분히 심각하지 않으며, 나는 그것들을 훨씬 더 끔찍한 것을 보았습니다.
언급해야 할 또 다른 질문은 <p> ... 〈/p>와 <center> ... 없었습니다. 왜 그것들을 사용합니까? 왜 ~~, 이것이 무엇입니까?
<td> 〈div align = center>
<센터>
<p align = center> −/p>
<p align = center> <font> <font> 없었던 font color =#ccccccc> − ont color =#ffa76c style = font-size : 14px; font-family : 家家> − </font>
〈/center> </td> 그러한 코드가 어떻게 생겼는지 어떻게 생각하십니까? 〈/font> −/p> 〈/center> 〈/div> 〈/td>
그런 코드를 볼 때 나는 무력 할 것입니다 (더 무력한 것은 종종 그것을보고 읽어야한다는 것입니다). 단순화하겠습니다.
<td elign = center>
<font color =#ffa76c 스타일 = font-size : 14px; font-family : 家家> title </font>
그러한 코드가 어떻게 생겼는지 어떻게 생각하십니까? 〈/td>
세상이 훨씬 더 조용하다고 느끼는 것 같습니까? 제목 이후의 텍스트 완료는 <td> 클래스에서 정의 될 수 있습니다. CSS를 사용하지 않더라도 추가 <.font>를 사용해도 괜찮습니다. 여전히 매우 상쾌합니다.
4. 테이블이 잘못 중첩되었습니다
오류 확률 : 정상
보편성 : 보편적
실수를 저지르는 가능성 : 이것을 모릅니다
사실, 이것은 거리를 알고있는 문제이지만 사람들은 여전히 문제를 계속합니다. 잘못된 중첩 형태는 사무실의 보스가 꾸짖으며 ADSL을 사용하여 일반 웹 페이지를 2 분 또는 3 분 동안 열 수 없다고 생각하게 할 수 있습니다. 첫 번째 문제에 대해 먼저 이야기 해 봅시다. 큰 테이블에 테이블을 지속적으로 둥지로써 웹 페이지를 여는 속도가 느려질 것입니다 (현재 IE 가이 문제를 개선했지만 여전히이를 권장하지는 않지만). 반면, 유지 보수 및 수정도 매우 불편합니다. 일반적으로, 간단한 응용 프로그램에는 문제가 없으며, 심지어 레이어 3 또는 4에도 문제가 없지만 모든 내용을 한 테이블에 넣지는 않습니다. 두 번째 문제는 모든 것을 큰 테이블에 넣는 것이며 무료 카운터 코드가 포함됩니다. hehehe, 가능한 것이 무엇인지 맞춰보세요? 사실, 그것은 큰 문제가 아닙니다. 가장 심각한 점은 IE가 충돌과 같고 아무것도 표시되지 않는다는 것입니다. 해결책은 카운터를 단일 테이블에 넣는 것입니다. 다른 내용과 같은 테이블이 아닌 것입니다.
5. 코드 압입을 작성할 때는 탭이 아니라 공백을 사용하십시오.
오류 확률 : 정상
보편성 : 덜
실수를 저지르는 가능성 : 탭이 더 좋다는 것을 모르겠습니다.
이 질문은 JS, VBS, ASP, PHP 등을위한 것입니다. 탭을 사용할 수 없다면 작은 프로그램을 작성할 수 있습니다. 어떤 사람들은 공백을 사용하고 어떤 사람들은 탭을 사용하고, 공백을 사용하는 경우 지금부터 탭으로 전환합니다.