HTML 튜토리얼: 순서가 지정되지 않은 목록_HTML/Xhtml_웹 페이지 제작

원문: http://andymao.com/andy/post/102.html
문단은 마무리됐고, 기본적인 적용 방법도 논의됐나요? 물론 응용 프로그램이 더 풍부해질 수 있으므로 실제 작업에서 지속적인 탐구와 사고를 거쳐 새로운 응용 프로그램 양식을 혁신하고 요약해야 합니다. 물론 문단을 만능반창고처럼 사용할 수는 없지만 "DIV" 태그의 역할이 확장되었다는 사실은 모두가 알고 있을 것이라 믿습니다. 일부 사람들은 CSS에 대해 이야기하기 위해 사용했습니다. 여기서 다시 강조할 필요가 있습니다. DIV는 HTML에서 의미가 없는 태그일 뿐이며 의미가 없는 부분의 레이아웃이나 처리에 사용될 수 있는 반면 CSS는 스타일 언어입니다. 이름이 정확하지 않으면 단어도 정확하지 않을 것입니다. 여기서는 구식은 아니지만 이 진술은 표준에 대한 모든 사람의 이해를 편향시킬 것입니다. 기본적인 수준을 이해하지 못하고, 라벨 기능을 무한히 확대하는 것은 올바른 학습 태도가 아닙니다. 여기에서는 다양한 태그와 그 용도에 대해 자세히 설명하겠습니다. 그 중 하나는 모든 사람이 WEB 표준의 의미를 올바르게 이해할 수 있기를 바라는 것입니다. 올바른 용어는 "xHTML CSS", "WEB 표준" 또는 간단히 "표준"이어야 합니다. 오늘은 불평하러 가는 것이 아니라 오늘의 주제인 "순서가 없는 목록"에 대해 이야기해보겠습니다.

목록은 누구나 사용해 본 적이 있을 것으로 생각되며, Word에서도 사용할 수 있고, 많은 문서 편집기에서도 사용할 수 있습니다. HTML에는 순서가 없는 목록, 순서가 있는 목록, 정의 목록의 세 가지 유형의 목록이 있습니다. 한 번에 한 입씩 먹고 하나씩 해야 합니다. 오늘은 순서가 지정되지 않은 목록에 대해서만 이야기하고 오늘 이야기하는 목록에는 CSS의 미화 작업이 포함되지 않습니다. 이 시점에서 내 설명은 모두 별개이며 스타일의 미화에 중점을 두지 않는다는 점을 이해해야 합니다. 이는 라벨 코드가 매우 중요하다는 것을 의미합니다. 그러므로 우리는 먼저 목록을 이해해야 합니다. 우리의 일상 업무는 사소하고 체계적이지 않습니다. 효율적이고 친근한 정보 교환을 원한다면 정보를 잘 정리하고 분류해야 합니다. 이렇게 하면 메시지가 효과적으로 전달될 수 있습니다. 유사한 내용을 간단히 요약하기 위해 리스트를 사용하는 것이 리스트의 기본 기능이라고 생각합니다. 일반적인 용도로는 책 카탈로그, 레스토랑 메뉴, 인사 목록, 할 일 항목 등이 있습니다. 이러한 정보의 대부분은 큰 정보가 아니라 간단한 제목입니다. 물론 목록의 목적은 제목 정보만 요약할 수 있다는 것이 아닙니다. 목록이 내용의 양을 제한하지 않습니다. 단지 우리가 요약하기 위해 일반적으로 사용하는 목록은 대부분 제목 정보일 뿐입니다.
그럼 순서가 지정되지 않은 목록을 어떻게 이해하나요? 무질서의 반대말은 질서(order)인데, 말 그대로 이해하기 쉽다. 질서란 이전과 이후의 질서를 의미하며, 이는 엄격하며, 정보 자체가 순차적인 성격을 갖고 있다. 예를 들어, 작업 단계를 작성할 때 첫 번째와 두 번째 단계를 명확히 해야 합니다. 이러한 정보는 순서대로 작성되어야 하지만 무질서는 어떻습니까? 즉, 질서가 전혀 없이 그 자체가 무질서한 것이다. 다음은 모두가 생각해 볼 수 있는 예입니다.
정부 부처 지도자 목록의 순서가 가장 큰 골칫거리입니다. 가끔 특별한 순서 없이 순위가 매겨진다고 쓰기도 하지만 실제로는 여전히 순위가 매겨져 있습니다. 나는 질문을 하고 싶습니다: 그러한 목록을 순서가 있는 목록으로 사용해야 합니까, 아니면 순서가 없는 목록으로 사용해야 합니까? 물론 이에 대한 표준적인 답은 없습니다. 사람마다 생각하는 방식이 다르므로 어떻게 생각하시나요? 댓글로 여러분의 생각을 자유롭게 남겨주세요. 여기서는 내 생각을 말하지 않겠습니다. 모두가 두뇌를 사용하고 더 많이 생각할 수 있기를 바랍니다. 목록의 태그 형식은 다음과 같습니다.

목록 내용입니다

목록 내용입니다

목록 내용은 다음과 같습니다. 목록 내용

목록 내용은 여기까지입니다

여기서 목록은 두 부분으로 구성되어 있다는 점에 유의해야 합니다. 하나는 가장 바깥쪽 태그

이고 다른 하나는

내부의 콘텐츠입니다. 이렇게 이해하면

는 주로 목록 정보를 저장하는 표준화된 작은 상자이고,

는 큰 상자로 작은 상자를 보관하는 기능을 합니다. 이 작은 상자는 잃어버리지 않도록 큰 상자에만 넣을 수 있습니다. 깔끔하고 운송(이식) 및 보관(위치 지정)에 도움이 됩니다. 그러면 목록은 단락과 마찬가지로 많은 속성을 가질 수 있습니다. 예를 들어

에 대한 ID, 클래스, 제목 및 기타 속성을 설정할 수 있으며 해당 기능은 단락과 동일합니다.

도 이러한 속성을 가질 수 있지만 일반적으로 목록이 동일한 유형이더라도 특화되지 않습니다.

따라서 비순차 목록은 기본적으로 끝났습니다. 사실 이 글에서 가장 중요한 부분은 비순차 목록에 어떤 정보를 사용해야 하는지이고, 이는 실제 적용 시 더 많은 분석과 고민이 필요합니다. 따라서 아직 목록 태그를 사용하지 않은 분들은 목록 태그 사용을 시작하고 목록 태그 대신 DIV를 사용하는 관행을 버리십시오. 또는 목록을 표현하기 위해 표를 사용하는 친구도 이를 변경해 볼 수 있습니다. 이제부터 순서가 지정되지 않은 목록 태그를 사용하세요. 물론, 이미 사용해 보았지만 이것만으로는 충분하지 않다면 나중에 스타일을 사용하여 목록의 잠재력을 개발하는 방법을 설명할 때까지 기다리십시오. 오늘 제가 이야기할 내용은 비교적 간단하지만, 그래도 이 글을 읽는 친구들이 위에서 제가 제기한 질문들에 대해 생각해 볼 수 있기를 바랍니다.