html5의 목록에는 무엇이 있나요?

HTML5에는 세 가지 유형의 목록이 있습니다. 1. "

" 및 "
• " 태그를 사용하여 정의된 순서가 지정된 목록; li>" 태그 3. "

  ", "

  " 및 "

  " 태그를 사용하여 목록을 정의합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

순서가 없는 목록(순서가 없는 목록)

기능: 여러 콘텐츠(순차 순서가 없는 전체)에 순서가 없는 목록 의미를 추가합니다. 목록의 항목은 특별한 순서가 없습니다.

형식:

li 영어는 다음과 같습니다. 목록 항목, 목록 항목으로 번역됨

<h4>选择居住城市(CN)</h4>
<ul>
  <li>北京</li>
  <li>上海</li>
  <li>广州</li>
  <li>铁岭</li>
</ul>

ul 적용 시나리오:

• 탐색 모음

• 제품 목록 등

• 뉴스 목록
  

참고:

• 여기서 무질서는 주제에 대한 내용 순서가 없음을 의미합니다. 예를 들어 주제는 "거주 도시 선택(CN)"입니다. 베이징과 상하이는 모두 중국의 도시입니다. 1위는 여전히 중국입니다. 제목을 "중국의 스모그 순위"로 변경하면 엄격한 순위가 있어야 하며 베이징이 먼저 작성되어야 합니다.

• 브라우저는 자동으로 앞에 기호를 추가합니다. 불필요한 목록이지만 반드시 필요합니다. ul의 기능은 텍스트에 점을 추가하는 것이 아니라 순서가 지정되지 않은 목록에 의미를 추가하는 것입니다.

  • 실제로 ul에는 선행 기호의 스타일을 수정할 수 있는 유형 속성도 있습니다. 값은 디스크, 사각형 및 원형입니다.

  • 하지만 스타일은 다음을 통해 완성됩니다. CSS는 앞으로는 여기에서 주지 않겠습니다.

• ul은 그룹 태그로 반드시 뭉쳐서 나타나야 한다고 소개하는데, 이는 li 태그가 단독으로 존재할 수 없고 래핑되어야 함을 의미합니다. in ul

• ul과 li는 전체이므로 ul에 다른 태그를 감싸는 것은 권장하지 않습니다. ul에는 li 태그만 쓰는 것이 가장 좋다는 점을 항상 기억하세요.

• 단, ul에만 쓰는 것이 좋습니다. ul의 li 태그, li 태그는 컨테이너 태그이며 모든 태그를 li 태그에 추가할 수 있습니다. 심지어 ul 태그를 추가할 수도 있습니다

<ul>
  <li>
      好吃的
      <ul>
          <li>牛奶</li>
          <li>面包</li>
      </ul>
  </li>
  <li>
      日用的
      <ul>
          <li>毛巾</li>
          <li>牙膏</li>
      </ul>
  </li>
</ul>

Ordered list

기능: 순서 있는 목록 의미 추가(순서 있는 전체) 여러 콘텐츠 중 목록에 있는 항목이 순서대로 나열되어 있습니다

• 형식 :

  <h4>中国房价排行</h4>
  <ol>
      <li>北京</li>
      <li>上海</li>
      <li>广州</li>
      <li>铁岭</li>
  </ol>

ol 적용 시나리오 :

• xxx 순위 목록

• 실제로 ol은 많지 않습니다. ol로 수행할 수 있는 모든 작업은 ul

참고:

• ol과 ul은 사용 방법과 주의할 사항이 동일합니다. 사실 ul에도 start와 type이라는 두 가지 공통 속성이 있습니다. 선두 기호의 스타일과 일련번호를 수정할 수 있습니다

• 하지만 스타일은 앞으로 CSS를 통해 완성될 것이므로 여기서는 소개하지 않겠습니다.

definition list
기능: 여러 콘텐츠에 목록 의미를 추가하고 dt를 통해 목록의 항목을 나열한 다음 dd를 사용하여 그에 따라 각 항목을 설명합니다.

형식:

dt 영어 정의 제목 , 정의 제목으로 번역됨

• dd 영어 정의 설명, 정의 설명 정보로 번역됨

  <dl>
    <dt>北京</dt>
    <dd>国家的首都, 看升国旗的地方</dd>
    <dt>上海</dt>
    <dd>魔都, 遍地是黄金的地方</dd>
  </dl>

  dl 적용 시나리오:

• 웹 사이트 하단의 관련 정보

  • 한 무리의 콘텐츠를 볼 때마다 특정 콘텐츠를 설명하는 데 사용되는 경우 dl

  • 을 생각해야 합니다. 참고:

  - dl은 그룹입니다. 태그는 클러스터에 표시되어야 합니다. 즉, dt 및 dd 태그는 단독으로 존재할 수 없으며 래핑되어야 합니다. in dl

  dl, dt, dd는 전체이므로 dl에 다른 태그를 감싸는 것은 권장하지 않습니다.

  dd는 dt 및 li 태그와 같은 컨테이너 태그이며 그 안에 어떤 태그라도 추가할 수 있습니다.
  • 정의 목록은 매우 유연합니다. 하나의 dt에 대해 여러 dd를 구성할 수 있지만 하나의 dd, dd에 해당하는 여러 dt를 갖지 않는 것이 가장 좋습니다. 의 의미는 가장 가까운 dt를 설명하는 것이므로 다른 dt는 동일합니다. 설명이 없으며 정의 목록의 의미는 각 항목을 나열하고 각 항목을 설명할 수 있다는 것입니다

  • 정의 목록은 매우 유연하며 여러 dt+dd 조합을 여러 dl

  • 으로 분할할 수 있습니다. 관련 권장 사항: "

    html 비디오 튜토리얼
  "

  위 내용은 html5의 목록에는 무엇이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!