웹 사이트의 커미션을 받고 코드를 개선하려고합니다. 여러 종류의 글꼴이있는 웹 사이트를 다룰 때 (여기에는 크기가 크고, 작고, 굵게, 밑줄이 그어짐 등) h1-h6을 사용하는 곳은 어디입니까? 아니면 h1-h6을 사용하는 곳입니다. 명확한 계층 구조, <p class="xxx">을 사용하여 텍스트에 대해 다른 클래스를 정의 할 수 있습니까?CSS : 여러 텍스트 클래스를 처리하는 올바른 방법은 무엇입니까
div 및 span (의미없는 요소)를 사용하여 당신이 1에서 결정된 의미를 표현 마크 업을 쓰기 더 구체적이고 HTML이 명시 적으로 제공하는 것이 더 필요한 경우에는 class 및 id을 추가하십시오.그래서에만 사용 제목을 그 스타일을 적용 할 규칙 세트에 대한 마크 업을 일치 CSS 선택기를 작성하고 순서대로 사용합니다. 부제목의 주요 제목에 대한 h1, h2, subsubheadings에 대한 h3 등
당신은 generate a sensible table of contents 제목에서, 당신은 거의 확실히 올바르게 사용하지 않을 수없는 경우.
h1-h6 어디서 사용해야합니까? p 또는 h1-h6 안에있는 것을 포함하여 클래스를 사용하여 텍스트를 꾸미십시오.
일반적으로 스타일 시트없이 웹 사이트의 모습을 주시하십시오. 웹 사이트가 스타일 시트 없이도 메시지를 전달할 수 있다면 괜찮습니다.
제안 사항으로 태그에 여러 클래스를 사용할 수 있음을 알려드립니다. 이것을 사용하여 다음과 같은 더 작고 간단한 규칙 집합을 정의 할 수 있습니다.
.bigFont { font-size: 150%; }
.italicFont { font-style: italic; }
.grayFont { color: Gray; }
...
그리고 이러한 스타일 중 하나 이상을 태그에 적용하십시오.
의미 상 h1 - h6은 머리글에 대한 것입니다. 귀하의 사이트에있는 글꼴의 다른 유형이 모든 표제 다음 괜찮다면, 나는 그렇지 않다고 생각합니다.
마찬가지로 p는 단락에 사용됩니다.
텍스트 in..then 예
<p class="firststyle">This is paragraph 1</p>
<p class="secondstyle">This is paragraph 2</p>
의 다른 스타일을 가지고 있지만이 태그는 의미가 기억 다른 단락이있는 경우. 자세한 내용은 see this article
"머리글에서 의미있는 목차를 생성 할 수없는 경우 거의 확실하게 올바르게 사용하지 않는 것입니다." - 이것에 대해 얼마나 훌륭한 생각인지! 잘했다! – Hogsmill