เมฆแท็กเป็นภาพที่แสดงรายการของไอเท็ม คุณมักจะเห็นแท็กเมฆในบล็อก ได้รับความนิยมจากเว็บไซต์อย่าง Flickr
เมฆแท็กเป็นรายการลิงก์ที่มีการเปลี่ยนแปลงขนาดและน้ำหนัก (บางครั้งอาจมีสีมากเกินไป) ขึ้นอยู่กับแอตทริบิวต์ที่วัดได้ เมฆแท็กส่วนใหญ่สร้างขึ้นจากความนิยมหรือจำนวนหน้าที่ถูกแท็กด้วยแท็กเฉพาะ แต่คุณสามารถสร้างแท็กเมฆจากรายการสิ่งของในเว็บไซต์ของคุณที่มีวิธีการแสดงผลอย่างน้อยสองวิธี ตัวอย่างเช่น:
- รายการบทความเรียงตามตัวอักษรพร้อมรูปแบบที่แสดงถึงความนิยมของบทความ
- รายชื่อเว็บไซต์ตามลำดับตัวอักษรพร้อมด้วยรูปแบบที่แสดงว่าคนที่คุณชอบที่สุด
- รายชื่อของบรรณาธิการเว็บที่ระบุไว้ในใบสั่งราคาพร้อมด้วยสไตล์ที่แสดงว่าแต่ละชุดมีเกณฑ์ใกล้เคียงกันอย่างไร
- รายชื่อเพื่อนที่มีสไตล์ระบุระยะทางจากบ้านของคุณไปที่พวกเขา
สิ่งที่คุณจำเป็นต้องสร้างเมฆแท็ก?
ง่ายที่จะสร้างแท็กเมฆคุณจะต้องมีสองสิ่ง:
- รายการสิ่งของ (เช่นบทความทางเว็บเว็บไซต์หรือเพื่อนของคุณ)
- การวัดสำหรับแต่ละรายการ (เช่นการดูหน้าเว็บต่อวันการจัดอันดับ 1-10 หรือระยะทางจากบ้าน)
เมฆแท็กส่วนใหญ่เป็นรายการลิงก์ดังนั้นจึงช่วยได้หากแต่ละรายการมี URL ที่เชื่อมโยงอยู่ แต่ไม่จำเป็นต้องสร้างลำดับชั้นภาพ
ขั้นตอนในการสร้าง Tag Cloud ของลิงก์ยอดนิยม
เว็บไซต์ของเรามีบทความที่ได้รับการดูหน้าเว็บทุกวันและนี่เป็นเมตริกที่ง่ายสำหรับเราที่จะใช้ในการสร้างแท็กเมฆ ดังนั้นในตัวอย่างนี้เราจะสร้างแท็ก cloud จากรายการบทความบทความ 25 อันดับแรกบนเว็บไซต์ของฉันสำหรับสัปดาห์ 1 มกราคม 2007
-
กำหนดจำนวนระดับที่คุณต้องการในลำดับชั้นของคุณ
แม้ว่าจะมีหลายระดับในระบบคลาวด์ของคุณเนื่องจากคุณมีรายการในรายการ แต่โค้ดนี้ก็น่าเบื่อและความแตกต่างอาจน้อยมาก ขอแนะนำให้มีลำดับชั้นไม่เกิน 10 ระดับ
-
ตัดสินใจตัดคะแนนสำหรับแต่ละระดับ
อาจเป็นการง่ายๆเพียงแค่ตัดมุมมองหน้าของคุณต่อวันเป็นชิ้น 1/10 ชิ้นนั่นคือ ถ้าหน้าเว็บที่ใหญ่ที่สุดในไซต์ของคุณได้รับการดูหน้าเว็บ 100 ครั้งต่อวันคุณสามารถแบ่งเป็น 100+, 90-100, 80-90, 70-80 เป็นต้นฉันสับหน้าเว็บของฉันดูแบบนี้
-
แสดงรายการของคุณในลำดับการดูหน้าเว็บและให้อันดับตามขั้นตอนที่ 2
อย่ากังวลหากคุณไม่มีรายการใด ๆ ในช่องบางช่องซึ่งทำให้เมฆน่าสนใจยิ่งขึ้น
-
จัดเรียงรายการตามลำดับตัวอักษร (หรือเรียงลำดับที่สองที่คุณต้องการใช้)
นี่คือสิ่งที่ทำให้เมฆน่าสนใจ ถ้าคุณปล่อยให้เรียงลำดับตามอันดับจากนั้นก็จะเป็นรายการที่มีรายการที่ใหญ่ที่สุดที่ด้านบนลงไปที่เล็กที่สุดที่ด้านล่าง
-
เขียน HTML ของคุณเพื่อให้อันดับเป็นจำนวนชั้นเรียน
class = "tag4"> การเพิ่มไฟล์เสียงสตรีมมิ่ง
-
แค่นั้นแหละ!
เมื่อคุณมี HTML สำหรับรายการแต่ละรายการและลำดับที่คุณต้องการแสดงแล้วคุณต้องตัดสินใจ คุณสามารถวางลิงก์ไว้ในย่อหน้าได้และคุณต้องทำ แต่จะไม่มีเครื่องหมายแสดงความหมายและทุกคนที่ไม่มี CSS มาที่แท็กของคุณจะเห็นลิงก์ขนาดใหญ่ HTML สำหรับรายการประเภทนี้จะมีลักษณะดังนี้:
แต่เราขอแนะนำให้คุณสร้างแท็กเมฆโดยใช้รายการที่ไม่ได้เรียงลำดับ เป็นอีกหนึ่งบรรทัดของโค้ด HTML และ CSS แต่จะช่วยให้แน่ใจได้ว่าเนื้อหาจะสามารถอ่านได้ไม่ว่าใครจะมาดูบ้าง HTML จะมีลักษณะดังนี้:
แต่รูปแบบสำหรับแท็กมีเมฆอยู่ที่ไหน
ตอนนี้เราได้รับส่วนสนุก - สไตล์ CSS เมื่อคุณจัดรูปแบบแท็กเมฆคุณมักจะเปลี่ยนขนาดตัวอักษรและน้ำหนักตัวอักษร คุณยังสามารถเปลี่ยนสีของแบบอักษรหรือพื้นหลังหรือแอตทริบิวต์สไตล์อื่นได้ แต่ขนาดและน้ำหนักเป็นแบบเดิม
คุณจำเป็นต้องมี 10 ชั้นเรียนสไตล์หนึ่งสำหรับแต่ละอันดับแท็ก:
เราต้องการรวมรูปแบบบางอย่างไว้รอบ ๆ ตัวเมฆ: วางตัวข้อความในระบบคลาวด์และตั้งค่าความสูงเป็นเส้นหนึ่งเพื่อให้เมฆสามารถอ่านได้และตรวจสอบให้แน่ใจว่าแท็ก anchor ไม่มีช่องว่างอยู่บนแถบนี้:
สุดท้ายหากคุณใช้วิธีการจัดแนวความหมาย (เช่นรายการที่เรียงลำดับ) คุณจะต้องเพิ่ม CSS อีกสองบรรทัดเพื่อให้รายการไม่มีสัญลักษณ์แสดงหัวข้อย่อยและไม่เว้นไว้:
