마크업언어 - 또다른 토론목록_HTML/Xhtml_웹페이지 제작-HTML 튜토리얼-php.cn

이전 1장에서 목록을 표시하는 여러 가지 방법을 논의했으며

를 사용하여 순서가 지정되지 않은 목록으로 표시하는 이점을 살펴보았습니다. 모든 브라우저와 장치는 콘텐츠를 올바르게 표시할 수 있으며 CSS를 사용하여 다양한 스타일을 추가할 수도 있습니다.
여러 상황에서 개별 문제를 다룰 때 목록을 표시하는 모든 방법으로 책 전체를 채우는 것은 어렵지 않을 것입니다. 순서가 지정되지 않은 목록 이외의 여러 목록 범주에 대해서는 별도의 장을 참조하세요.
목록은 페이지 구조를 구성하고 각 독립 항목에 의미를 추가하며 나중에 CSS로 독립 스타일을 추가할 수 있는 강력한 도구입니다.
먼저 번호가 매겨진 항목 목록과 이러한 목록을 표시하는 두 가지 방법을 살펴보겠습니다. 어떤 방법이 더 유익한지 한눈에 알 수 있지만, 중요성을 강조하기 위해 다시 예를 들어 설명하겠습니다. 구조화된 마크업을 이해하고 올바른 도구를 사용하여 문제를 해결합니다. 번호가 매겨진 항목 목록에 가장 적합한 표기 방법은 무엇입니까?
각 항목 앞에 숫자가 붙는 단계 목록을 표시할 계획이라고 가정해 보겠습니다. 이 목표를 달성하기 위한 두 가지 방법을 살펴보고 방법 A: Order in Chaos가 더 적합한 이유를 설명하겠습니다. >
```
<ul>
<li>1. Chop the onions.</li>
<li>2. Saute the 
onions for 3 minutes.</li>
<li>3. Add 3 cloves of 
garlic.</li>
<li>4. Cook for another 3 
minutes.</li>
<li>5. Eat.</li>
</ul>
```
로그인 후 복사
이전 목록은 요리 역사상 최악의 요리법 중 하나일 수 있지만 간단한 예로 소금과 계란을 추가하는 것이 더 나을 수도 있습니다. 주제에.
방법 A 1장에서 언급한 모든 이점을 얻기 위해 이러한 단계를 순서가 지정되지 않은 목록으로 표시하기로 선택하고 콘텐츠에 구조를 추가하며 대부분의 브라우저, 스크린 리더 및 기타 장치에서 처리할 수 있다는 것을 알고 있습니다. 콘텐츠의 이 부분을 올바르게 지정하면 나중에 CSS를 사용하여 쉽게 스타일을 지정할 수도 있습니다. 하지만... 숫자 게임
번호가 매겨진 목록이므로 각 항목 앞에 숫자를 추가하고 각 단계의 순서를 식별하기 위해 숫자 뒤에 마침표를 추가합니다. 하지만 나중에 2단계와 3단계 사이에 수행해야 하는 경우에는 새로운 단계? 이제 새 단계 이후에 모든 항목의 번호를 (수동으로) 다시 지정해야 합니다. 이 목록의 경우 번거로운 일이 아니지만 100개의 항목 목록이 있는 목록을 수정하는 경우 수정 과정이 매우 지루해집니다. 작은 점 기호가 나타납니다.
이 예에서는 구조를 순서가 지정되지 않은 목록으로 표시했으므로 번호가 매겨진 각 항목 앞에 작은 점 기호가 표시됩니다(그림 8-1과 마찬가지로). 물론 작은 점 기호도 마음에 들 것입니다. 마음에 들지 않으면 CSS를 통해 제거할 수 있지만 CSS를 사용하지 않고 이 목록을 검색하면 분명히 이 작은 점 기호가 다시 표시됩니다.
그림 8 -1. CSS 읽기 방법 A의 결과를 브라우저에서 닫습니다.
더 간단하고 의미 있고 유지 관리가 쉬운 방법 B를 살펴보겠습니다. 방법 B: 순서가 지정된 목록
```
<ol>
<li>Chop 
the onions.</li>
<li>Saute the onions for 3 
minutes.</li>
<li>Add 3 cloves of 
garlic.</li>
<li>Cook for another 3 
minutes.</li>
<li>Eat.</li>
</ol>
```
로그인 후 복사
대부분의 사람들이 이렇게 한다고 확신하지만, 어떤 이유에서인지 우리 모두가 어떤 상황에서는 방법 A를 사용하지 않는다는 의미는 아닙니다.