태그 클라우드의 스타일을 지정하는 방법

CSS를 사용하여 태그 클라우드 스타일 지정하기

태그 클라우드는 항목 목록을 시각적으로 묘사 한 것입니다. 블로그에 태그 구름이 자주 표시됩니다. Flickr와 같은 사이트에서 인기를 얻었습니다.

태그 구름은 측정 가능한 속성에 따라 크기와 무게가 변하는 링크 목록입니다 (때로는 색상도 표시됨). 대부분의 태그 클라우드는 인기도 또는 특정 태그로 태그가 지정된 페이지 수를 기준으로 작성됩니다. 하지만 적어도 두 가지 방법으로 표시되는 사이트의 모든 항목 목록에서 태그 클라우드를 만들 수 있습니다. 예 :

• 기사의 인기를 나타내는 스타일과 함께 알파벳 순서로 기사 목록.
• 가장 좋아하는 스타일을 나타내는 스타일로 알파벳 순서로 웹 사이트 목록.
• 가격 순서대로 나열된 웹 편집기 목록으로 각 스타일이 미리 정의 된 기준 집합에 얼마나 근접하는지 나타냅니다.
• 집에서 집까지의 거리를 나타내는 스타일 목록이있는 친구 목록입니다.

태그 클라우드를 구축하려면 무엇이 필요합니까?

태그 클라우드를 구축하는 것은 쉽지만 두 가지가 필요합니다.

• 웹 기사, 웹 사이트 또는 친구와 같은 항목 목록
• 각 항목에 대한 측정 값 (하루에 페이지 뷰, 순위 1-10 또는 집까지의 거리).

대부분의 태그 구름은 링크 목록이므로 각 항목에 연결된 URL이 있으면 도움이됩니다. 그러나 시각적 계층을 만들 필요는 없습니다.

인기있는 링크의 태그 클라우드 구축 단계

내 사이트에는 매일 페이지 뷰를 제공하는 기사가 있으며 이는 태그 클라우드를 만드는 데 사용할 수있는 편리한 통계입니다. 따라서이 예에서는 2007 년 1 월 1 일 주간 내 사이트의 상위 25 개 기사 인 기사 목록에서 태그 클라우드를 만듭니다.

1. 계층 구조에서 원하는 수준 수를 결정하십시오.
   1. 목록에 항목이있는만큼 클라우드에 여러 수준을 포함 ​​할 수는 있지만 코드 작성이 지루해지며 그 차이는 매우 미미할 수 있습니다. 귀하의 계층 구조에 10 개 이상의 레벨을 갖는 것이 좋습니다.
2. 각 레벨에 대한 컷오프 포인트를 결정하십시오.
   1. 하루에 페이지 뷰를 1/10 슬라이스로 자르는 것만 큼 간단 할 수 있습니다. 귀하의 사이트에서 가장 큰 페이지가 하루에 100 페이지 뷰를 얻으면 100+, 90-100, 80-90, 70-80 등으로 슬라이딩 할 수 있습니다. 그런 식으로 페이지 뷰를 다듬습니다.
3. 항목을 페이지 뷰 순서로 나열하고 2 단계에 따라 순위를 부여하십시오.
   1. 일부 슬롯에 항목이 없어도 클라우드가 더 재미있어집니다.
4. 알파벳 순서 (또는 두 번째 사용하려는 유형)로 목록을 리조트하십시오.
   1. 이것이 클라우드를 흥미롭게 만드는 이유입니다. 순위별로 정렬하면 가장 큰 항목이 맨 아래에서 가장 작은 항목까지 표시됩니다.
5. 순위가 클래스 번호가되도록 HTML을 작성하십시오. class = "tag4"> 스트리밍 오디오 파일 추가하기

각 개별 목록 항목에 대한 HTML과 표시하려는 순서가 있으면 결정을 내려야합니다. 단락에 링크를 배치하면 완료 될 수 있습니다. 그러나 이것은 의미 론적으로 마크 업되지 않을 것이고, CSS가없는 사람들은 태그 클라우드에 링크의 큰 단락 만 보게 될 것입니다. 이 유형의 목록에 대한 HTML은 다음과 같습니다.

스트리밍 오디오 파일 추가 웹 사이트의 기본 태그 최고의 웹 디자인 소프트웨어 색 상징주의