CSS 초보자 실수: 'Divitus', 절대 위치 지정

서치(Search)지에 꽤 흥미로운 초보자들의 실수를 지적하는 기사가 있습니다. 다음은 몇 가지 주요 사항 및 당사만의 몇 가지 사항입니다.

• 절대 포지셔닝입니다. – CSS를 학습할 때 가장 먼저 느끼는 힘 중 하나는 X,Y 좌표와 치수를 사용하여 페이지의 모든 요소의 위치와 크기를 제어할 수 있다는 것입니다. 물론, 절대 포지셔닝에는 용도가 있지만, 일반적으로 실제 페이지 콘텐츠에는 사용되지 않습니다. 완벽하게 배치된 개체는 다른 모든 개체를 무시하고 컨텐츠에 유연하게 대처할 수 있는 기능을 제한합니다.
• 높이 설정(필요 없을 때) – 제어 욕구입니다. 개체의 높이를 "원하는 방식을 보기" 위해 개체 높이를 강제로 지정하는 것은 유혹적이지만, 이렇게 하면 개체 내부의 콘텐츠가 엉망이 될 수 있습니다. 일반적으로, 높이를 설정하지 말고, 안에 있는 것에 맞게 물체를 자라게 하고 여백, 패딩, 플로트로 위치를 조절하세요. 아래 상자에서 발생하는 작업을 보십시오. 글꼴 설정으로 높이를 적절하게 설정할 수 있지만, 사용자가 글꼴 설정을 늘리면 내용물이 상자에서 분리되어 깨진 것처럼 보입니다.
  [MISSING IMAGE, 죄송합니다]
• "Divitius" – 구분은 페이지 내용을 의미 있는 섹션으로 구분하기 위한 일반적인 페이지 구분자입니다. CSS는 이것을 꽤 많이 활용하는데, 초보자들은 이를 알아차리고 이를 고수합니다. 그런 다음 Divs 클래스와 ID를 제공하여 모든 것을 제어할 수 있다는 것을 알게 되면 모든 것에 대해 Div를 사용하기 시작합니다.
  `
  제목[/div]

하위 제목

이것이 내용입니다.
검색엔진이 당신의 페이지 내용을 더 잘 이해하기 위해 HTML을 보기 때문에 이것은 불필요하고 사실 다소 해롭다.

태그는 "추적"을 지정하므로 올바르게 사용할 경우 검색 로봇에 의해 더 많은 무게가 부여됩니다.
헤딩

하위 제목

이것이 그 내용이다. HTML은 내용을 설명하는 태그를 제공합니다. 그것들을 사용하세요. 모두에게 좋은 일입니다. - "Classitus" – "classitus"는 초보자들도 정말로 필요하지 않은 것에 수업을 적용하는 것과 유사하게, "class="link"를 태그에 적용하는 것은 전혀 무의미합니다. 그냥 태그를 스타일링하세요. 페이지에 다른 링크와 다른 유형의 링크가 필요한 경우 클래스를 사용하는 것이 적절할 수 있지만 "footer_link" 또는 "bold_link"와 같이 더 설명적인 클래스 이름을 적용합니다. 그러나 바닥글에 5개의 링크가 있다면 HTML에서 각 링크에 클래스를 제공하고 코드를 엉망으로 만드는 것보다 CSS에서 #footer a 스타일을 지정하는 것이 훨씬 더 합리적이라는 점을 기억하십시오.