집 >웹 프론트엔드 >H5 튜토리얼 >일반적으로 사용되는 HTML5 목록 태그

일반적으로 사용되는 HTML5 목록 태그

php中世界最好的语言원래의: 2018-03-26 16:38:112945검색

이번에는 흔히 사용되는 HTML5목록 태그를 소개합니다. HTML5 목록 태그 사용 시 주의사항은 무엇인가요? 실제 사례를 살펴보겠습니다.

1. 목록 태그의 역할

: 데이터 묶음에 목록 의미를 추가합니다. 즉, search 엔진에 이 데이터 묶음이 전체임을 브라우저에 알리도록 지시합니다.

2. 목록 태그 분류:

1. 순서가 지정되지 않은 목록 unorderd list: 데이터 더미에 목록 의미를 추가하며, 데이터 더미에 있는 모든 데이터는 특별한 순서가 없습니다.

형식:

<ul>
    <li>需要显示的条目内容</li>
</ul>

참고 : ul 태그는 목록 콘텐츠용입니다. 의미를 추가하는 것은 작은 점을 추가하는 것이 아닙니다. ul 태그와 li 태그는 전체이므로 ul 태그에 other 태그를 포함하는 것은 권장되지 않습니다. li 태그에 다른 태그 추가

ul 형식을 빠르게 작성하는 방법: ul> ;li*3 탭 키를 눌러 ul 태그 한 쌍과 li 태그 세 쌍을 생성하세요

적용 시나리오는 뉴스/제품 목록/탐색입니다. bar

2. Ordered 목록:

<ol>
       <li>xxx<li>
  </ol>

3. 정의 목록 정의 목록:

<dl>
    <dt></dt>
    <dd></dd>
</dl>

dt: 정의 제목 정의 제목

dd: 정의 제목 정의 설명

응용 시나리오: 하단에 설명 정보 웹사이트; 그래픽과 텍스트가 혼합됨

참고: dl, dt, dd는 전체이므로 dl에 dt와 dd만 넣는 것이 좋습니다. dt에는 해당 dd가 없거나 여러 개가 있을 수 있습니다. . 하나의 dt가 dd에 해당하는 것이 좋습니다. 인터페이스를 풍부하게 해야 할 경우 dt 및 dd 태그에 다른 태그를 추가할 수 있습니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 흥미로운 정보가 있으니 PHP 중국어 웹사이트의 다른 관련 기사도 주목해 주세요!