여전히 널리 사용되고 있는 사용되지 않는 속성 목록

"비사용" 요소는 W3C가 오래된 것으로 지정한 요소입니다. 이러한 요소는 사용해서는 안 되며 일반적으로 "불량 코드"로 간주됩니다. 엄격한 DOSCTYPE를 사용할 경우 사용되지 않는 요소는 유효성 검사를 통과하지 못합니다.

문제는, 사람들이 여전히 그것들을 사용한다는 것입니다. 사실, 그 중 많은 것들이 상당히 널리 사용되고 있습니다. 왜일까요? 왜냐하면 그들은 여전히 작동하니까요! 단지 그것들이 사용되지 않는다고 해서 그것들이 작동하지 않는다는 것은 아니다. 그것은 단지 사용되지 않는 요소들이 하던 것을 할 수 있는 "새로운" 방법이 있다는 것을 의미한다. 이러한 요소들이 작동을 멈출까요? 꼭 그렇다고는 할 수 없지만, 저는 결국 그렇다고 믿는 경향이 있습니다. 여기 여러분이 항상 볼 수 있는 몇 가지 흔한 것들이 있습니다. 그리고 대신 무엇을 사용해야 할까요?

• align: 예:

  . 그래도 여전히 작동하지만 클래스를 적용하고 해당 클래스에 왼쪽 텍스트 정렬 스타일을 제공하거나, 필요한 경우 스타일="텍스트 정렬: 왼쪽"처럼 인라인 CSS를 적용하면 됩니다.

  • bgcolor: 예: <표 bgcolor=`FFF. 복사해서 붙여넣는 코드 생성기를 많이 볼 수 있습니다. 그들은 여러분이 복사하고 붙여넣는 것을 완전히 통제하고 싶어하기 때문에 그것을 사용합니다. 그리고 그것은 효과가 있습니다. 하지만 진지하게, 클래스를 적용하거나 style="background-color: #FFF;"를 사용하십시오.

               - 테두리: 예: <img src="#" alt=" 테두리=0 /) 이것은 아마도 모든 사용되지 않는 요소들 중 가장 흔할 것이다. 이미지의 테두리는 일반적으로 웹 페이지에서 끔찍하게 보이므로 적절한 미적 이유 없이 기본값으로 설정해서는 안 됩니다. 기본적으로 대부분의 브라우저에서 이미지는 링크로 사용되는 경우를 제외하고 테두리가 없습니다. 그리고 나서 기본은 일종의 지저분한 파란색 테두리를 사용하는 것이다. 많은 사람들이 테두리=0을 img 요소 바로 안에 넣어 강제로 이 문제를 해결한다. 단일 줄의 CSS(img {border: 0px;})를 사용하면 훨씬 쉽고 깨끗하게 이 문제를 방지할 수 있습니다.

  • 높이/폭: 예: <div 폭=150>. 멋있지 않군요. div와 ID 또는 클래스를 제공하고 너비를 CSS에 넣으십시오.

    • 대상: 예: 의 시효 그것은 더 이상 사용되지 않을 뿐만 아니라 유용성 가짜이다. 스매싱 매거진의 명언은 다음과 같습니다.
      방문자들은 그들의 브라우저에서 일어나는 모든 것을 통제하기를 원한다. 새 창에서 링크를 열려는 경우 그렇게 합니다. 만약 그들이 원하지 않는다면, 그들은 하지 않을 것이다. 링크가 새 창에 열리면 사용자가 결정할 사항이 아닌 결정을 내리게 됩니다.
      참고: HTML5에서 target은 괜찮습니다.
    • 예를 들어, . 텍스트 셀 하나가 모두 한 줄에 있는지 확인하고자 했던 테이블 날짜에서 나온 것입니다. 줄 바꿈이 아님). CSS는 화이트 스페이스 속성으로 덮인 것을 가지고 있습니다. 그냥 화이트 스페이스로 설정하세요. nowrap;

    더 이상 사용되지 않는 요소들이 할 수 있는 몇 가지 방법이 있습니다. 주목할 만한 사항:

    • 시작과 함께 1이 아닌 숫자의 시작 및 순서 목록.
    • 값이 있는 목록 항목에 특정 값을 적용합니다.
    • 위에서 언급한 바와 같이 대상은 대안이 없다.

    이들 중 일부는 CSS3로 해결할 수 있다. 사실 100% 확실하진 않아요. 이러한 사용되지 않는 요소 중 일부를 사용해야 하지만 여전히 코드가 유효성을 검사하고 제대로 작동하려면 임시 DOSCTYPE를 확인하십시오. DOSCTYPE를 확인하십시오.

    케빈이 나의 "비평가된" 철자를 지적해 준 것에 감사한다.