HTML 및 CSS 사용에 대한 일반적인 오해에 대한 자세한 설명

신화 1. 폴립증후군

rree

위와 같이 p 태그를 중복해서 사용하는 상황을 "폴립증후군"이라고 합니다 다음

<p class="nav">
    <ul>
       <li><a href="/home/">Home</a></li>
       <li><a href="/about/">About</a></li>
       <li><a href="/concact/">Concact</a></li>
    </ul>
</p>

신화 2. 다중 클래스 class 증후군으로 단순화해야 합니다. 클래스는 페이지의 여러 요소에 적용될 수 있습니다. 로고에 매우 적합 콘텐츠 유형 또는 기타 유사한 항목
뉴스(뉴스 제목, 뉴스 세부 정보)

<ul class="nav">
      <li><a href="/home/">Home</a></li>
      <li><a href="/about/">About</a></li>
      <li><a href="/concact/">Concact</a></li>
</ul>

위 클래스 이름은 "다중 클래스 증후군" 성능, 요소 스타일을 구분하기 위해 너무 많은 클래스가 필요하지 않습니다
부분을 표현하기 위해
p(pision)를 사용하는 것이 좋습니다. 의미가 없는 대신(대부분의 사람들은 p에 의미가 없다고 오해합니다! ! !) 실제로 p는 문서를 여러 의미 있는 영역으로 나눌 수 있습니다.
클래스 이름 news 전체 뉴스 항목을 식별합니다. . 그런 다음 캐스케이드 스타일을 사용하여 뉴스 제목과 텍스트를 식별할 수 있습니다.

<h1 class="news-head">Elastic Layout Example—View Source for the HTML and CSS</h1>
<p class="news-head">Lorem ipsum dolor sit amet.
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

범위를 그룹 으로 지정하거나

<p class="news">
    <h1>Elastic Layout Example—View Source for the HTML and CSS</h1>
    <p>Lorem ipsum dolor sit amet.
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</p>

통념 3. ID 사용에 대한 오해는 페이지의 특정 요소(예: 사이트

탐색 , 머리글, 바닥글)를 식별하는 데 사용되며 고유해야 합니다. 지속적인 구조 요소(예: 기본 탐색, 콘텐츠 영역)를 식별하는 데에도 사용할 수 있습니다.

<h2> Andy wins an Oscar for his cameo in Iron Man</h2>
<p>Public and on <span class="date">Februray 22nd, 2009</span>
    By <span class="author">Harry Knowles</span>
</p>

는 페이지의 특정 요소(예: 사이트 탐색, 머리글, 바닥글)를 식별하는 데 사용됩니다. ) 고유해야 하며 사용할 수도 있습니다. 지속적인 구조 요소(예: 기본 탐색, 콘텐츠 영역)를 식별하세요.

위 내용이 이 글의 전체 내용이기를 바랍니다. 이 기사의 내용은 모든 사람의 학습이나 업무에 특정 이점을 가져올 수 있습니다. Script Home을 지원해 주시기 바랍니다.

위 내용은 HTML 및 CSS 사용에 대한 일반적인 오해에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!