HTML 튜토리얼: Ordered List_HTML/Xhtml_웹 페이지 제작

원문: http://andymao.com/andy/post/103.html
이전 섹션: 순서가 지정되지 않은 목록
정보가 순서대로 요약되지 않는 경우도 있지만, 이전 기사에서도 언급한 것처럼 순서가 명확한 경우도 있습니다. 그러니 간단히 주변의 것들이 순서대로 되어 있는지 생각해 보세요. 작업 단계, 순위, 책 카탈로그... 과거에는 순서나 순서를 나타내는 숫자가 있는 이러한 콘텐츠를 접할 때 대부분 데이터 앞에 추가했습니다. 또는 프로그램에 의해 추가된 값입니다. 순서가 있는 목록을 사용하면 그렇게 번거롭게 서수를 직접 입력할 필요가 없습니다. 단일 수준 목록을 사용할 때는 이 기능이 명확하지 않은 것 같지만 분명해집니다. 여러 레벨을 사용할 때. 먼저 순서가 지정된 목록의 코드 형식을 이해해 보겠습니다.

1. 목록 내용은 이쪽, 첫 문장은 이쪽


2. 목록 내용은 이쪽, 두 번째 문장


3. 목록 내용입니다. 세 번째 문장입니다


4. 목록 내용입니다. 네 번째 문장입니다


5. 여기까지입니다. 다섯 번째 문장입니다

주변 라벨의 이름이 다르다는 점을 제외하면 그 형식은 순서가 지정되지 않은 목록의 목록과 동일하다는 것을 알 수 있습니다. 무질서가 UL이 되고, 질서가 OL이 됩니다. 차이점은 순서가 있는 목록은 순서가 없는 목록보다 더 많은 태그 속성을 갖는다는 것입니다. 그것은 주문되었기 때문에 주문의 모든 측면을 포함합니다.
시작 값 변경
일반적으로 브라우저는 아라비아 숫자 "1"부터 순차적으로 자동으로 번호를 매깁니다. 그러나 상황은 특별합니다. 순서가 지정된 목록을 두 부분으로 나누어야 할 경우 다음 사람이 처음부터 번호 매기기를 시작하는 것은 당연히 잘못된 것입니다. 그러면 다음 부분의 번호는 자연스럽게 이전 문단의 마지막 번호에 시작 번호로 1을 더한 값이 됩니다. 이는 목록의 시작 값을 변경해야 함을 의미합니다. 시작 값을 변경하는 속성은 "start"입니다.

6. 목록 내용은 이쪽, 첫 문장은 이쪽


7. 목록 내용은 이쪽, 두 번째 문장


8. 목록 내용입니다. 세 번째 문장입니다


9. 목록 내용입니다. 네 번째 문장입니다


10. 여기까지입니다. 다섯 번째 문장입니다

위 코드는 목록의 시작 값이 6부터 시작한다는 것을 모두가 알고 있으므로 이제 이 속성을 순서가 지정된 목록에 추가하여 변경되었는지 확인할 수 있습니까?
번호 유형 변경
브라우저에서는 기본적으로 목록에 번호를 매길 때 일반적으로 아라비아 숫자를 사용하는데 다른 유형이 있나요? 예, 속성은 "type"이지만 제공되는 유형은 많지 않고 5가지 유형만 제공됩니다.
값 입력 스타일 생성 시퀀스 예시 에이 대문자 에이,비,씨,디,이 에이 소문자 a, b, c, c, e 나 대문자 로마 숫자 I, II, III, IV, V 나 소문자 로마 숫자 나, ii, iii, iv, v 1 아라비아 숫자 1, 2, 3, 4, 5
은 다음과 같이 코드에 작성되어야 합니다.

1. 목록 내용은 이쪽, 첫 문장은 이쪽


2. 목록 내용은 이쪽, 두 번째 문장


3. 목록 내용입니다. 세 번째 문장입니다


4. 목록 내용입니다. 네 번째 문장입니다


5. 여기까지입니다. 다섯 번째 문장입니다

이 유형은 CSS를 사용하여 설정할 수도 있기 때문에 사람들이 아껴서 사용하는 것이 더 좋다고 생각합니다. 나는 항상 스타일 문제는 스타일 언어에 의해 이루어져야 한다고 주장해 왔습니다. 따라서 특별한 이유가 없는 한 이 속성은 사용하지 않는 것이 좋습니다. 물론 CSS1이나 CSS2 모두 기본적으로 중국어를 고려하지 않지만 CSS2에는 일본어 번호 매기기 문자가 제공되어 있지만 아직 중국어는 없습니다. 나는 현시점에서 CSS2가 여전히 결함이 있다고 생각합니다. 적어도 더 나은 확장 형식을 제공하지는 않습니다. 그가 제공하지는 않았지만 우리는 여전히 우리 자신의 방식으로 다양화를 달성할 수 있습니다. 어떻게 하나요? 먼저 생각해보시고, 나중에 목록의 스타일 내용에서 어떻게 처리하는지 설명하겠습니다.