> 웹 프론트엔드 > 프런트엔드 Q&A > html5에서 일반적으로 사용되는 그룹화 요소는 무엇입니까?

html5에서 일반적으로 사용되는 그룹화 요소는 무엇입니까?

青灯夜游
풀어 주다: 2021-12-17 16:17:02
원래의
2324명이 탐색했습니다.

HTML5에서 일반적으로 사용되는 그룹화 요소: 1. 단락 그룹화를 위한 p 요소, 2. 일반 그룹화를 위한 div 요소, 4. pre 요소, 6. ul, ol, li 요소; ;7. dl, dt, dd 요소 8. 그림 및 그림 캡션 요소.

html5에서 일반적으로 사용되는 그룹화 요소는 무엇입니까?

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

HTML5에서 일반적으로 사용되는 그룹화 요소 요약

html5에서 일반적으로 사용되는 그룹화 요소는 무엇입니까?
HTML5 그룹화 요소 분석html5에서 일반적으로 사용되는 그룹화 요소는 무엇입니까?

1, 단락 만들기

2, div 자체에는 의미가 없으므로 div는 의미론에 대한 HTML5의 강력한 요구라는 맥락에서 최후의 수단 솔루션으로 사용됩니다.

3. 는 목록의 항목을 정의합니다.

속성은 다음과 같습니다

:

값:

이 정수 속성은 요소로 정의됨) 이 속성의 값은 목록에서 로마 숫자나 문자를 사용하는 경우에도 숫자로만 가능합니다. 이후 목록 항목은 설정된 값부터 계산됩니다. value 속성은 순서가 지정되지 않은 목록() 또는 메뉴()에는 유효하지 않습니다.

type:

숫자의 유형을 지정합니다.

'a'는 소문자 숫자를 나타냅니다.

    'i'는 소문자 로마 숫자를 나타냅니다.
  • 'I'는 대문자 로마 숫자를 나타냅니다. 1'은 숫자(기본값)를 나타냅니다.
  • <ol type="I">
        <li value="3">third item</li>
        <li>fourth item</li>
        <li>fifth item</li>
    </ol>
    로그인 후 복사
  • 출력:
  • III.third item
    IV.fourth item
    V.fifth item
    로그인 후 복사
  • < li > 순서가 지정되지 않은 목록 정의
  • <ul>
      <li>first item</li>
      <li>second item</li>
      <li>third item</li>
    </ul>
    로그인 후 복사
  • < li > 으아악
  • Output
 - first item 
 - second item
 - third item
로그인 후 복사

4, < dt > 설명 목록 생성

< ; 콘텐츠 제목.

< dd > 특정 콘텐츠

<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li><
/ol>
로그인 후 복사

Output

:

 - first item 
 - second item 
 - third item
로그인 후 복사

5, 그림, figcaption

  • 그림은 인용된 그림을 표시합니다. , 일러스트레이션, 표, 코드 조각 등.
  • figcaption은 범례에 대한 설명을 나타냅니다.
  • <dl>
        <dt>Name</dt>    
        	<dd>Godzilla</dd>
        <dt>Born</dt>
        	<dd>1952</dd>
        <dt>Birthplace</dt>
        	<dd>Japan</dd>
        <dt>Color</dt>
        	<dd>Green</dd>
    </dl>
    로그인 후 복사

6.main

각 페이지에는 이 페이지의 주제를 나타내는 하나의 메인 요소만 있을 수 있습니다.

Name
	    Godzilla
Born
	    1952
Birthplace
		Japan
Color
	    Green
로그인 후 복사
관련 추천: "html 비디오 튜토리얼"

위 내용은 html5에서 일반적으로 사용되는 그룹화 요소는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿