คุณภาพ Web - สไตล์ชี้แจง
- หน้าก่อน องค์ประกอบ HTML
- หน้าต่อไป ความเข้าใจ
การใช้รูปแบบตารางสำคัญสำหรับการปรับปรุงคุณภาพของเว็บไซต์
ไม่ควรใช้แบตติก font
ควรใช้ CSS ที่จะตั้งขนาดของตัวอักษรที่แสดงบนเว็บไซต์ โปรดไม่ใช้แบตติก font
ใช้แบตติก <font> จะเพิ่มขนาดของเอกสาร และทำให้งานเปลี่ยนขนาดของตัวอักษรมากมายเป็นหายนม
โปรดคิดฟิคซ์กรณีด้านล่างนี้
วันหนึ่งคุณตัดสินใจที่จะปรับสีและขนาดของข้อเรียกข้อในเว็บไซต์ทั้งหมด ด้วย CSS คุณสามารถทำได้ด้วยแค่แบบรูปแบบเพียงแค่แบบเดียว หากคุณใช้แบตติก <font> คุณจะต้องปรับสีและขนาดของข้อเรียกข้อในทุกหน้าทุกโพรแบลมของเว็บไซต์ของคุณ
ใช้รูปแบบแทนแบตติก <font> ช่วยเรียบง่ายในการสร้างมุมมองระดับสูงสำหรับเว็บไซต์
ไม่ควรใช้ขนาดตัวอักษรที่เป็นค่าตั้งต้น
ไม่ควรใช้ค่าขนาดที่เป็นค่าตั้งต้น ใช้ค่าขนาดที่เป็นค่าสัมพันธ์เสมอ
เหตุผลสำคัญที่สุดของคำแนะนำนี้คือขนาดที่เป็นค่าตั้งต้นไม่สามารถปรับเปลี่ยนด้วยเบราวเซอร์
ผู้เยี่ยมชมของคุณจะใช้อุปกรณ์ที่แตกต่าง (จอแสง) สภาพแวดล้อมที่แตกต่าง (แสง) และความเป็นส่วนตัวที่อาจเกิดขึ้น (ตาอ่อน)
ตัวอย่าง คุณสามารถตั้งขนาดของข้อความของบุคคลที่เข้าชมเป็น 100% (หรือ medium) หัวข้อหลักเป็น 140% (หรือ x-large) และหัวข้อรองเป็น 120% (หรือ large) ซึ่งผู้ใช้จะสามารถปรับขนาดที่ตกลงกับตัวเองด้วยการตั้งค่าเบราวเซอร์
การปรับขนาดของข้อความบนเว็บไซต์ยังสามารถเปลี่ยนจำนวนของข้อความในหน้าที่พิมพ์ได้
ไม่ควรใช้ขนาดตัวอักษรปริมาณต้นทาง
บางเว็บไซต์จะใช้ขนาดตัวอักษรเล็กเพื่อที่จะสามารถนำเนื้อหามากขึ้นในแต่ละหน้า หรือทำให้หน้าดูแฟ้ม
ยังคงข้อความอีกครั้ง การใช้อุปกรณ์ที่แตกต่าง (จอแสง) สภาพแวดล้อมที่แตกต่าง (แสง) และความเป็นส่วนตัวที่อาจเกิดขึ้น (ตาอ่อน) อาจทำให้ผู้ใช้มีปัญหาในการอ่าน
ไม่ควรบีบผู้ใช้ที่จะขยายขนาดของข้อความของคุณเมื่อเข้าชมเว็บไซต์ของคุณ
ใช้สีพื้นหลังที่สม่ำสมเนียมเสมอ
หลายหน้าเว็บจะใช้สีสำหรับองค์ประกอบข้อความต่าง ๆ สีของหัวข้อและลิงก์ทั่วไปมักแตกต่างจากสีของข้อความปกติ
ในฐานะที่คุณเป็นผู้ออกแบบ web คุณควรทราบว่าผู้เยี่ยมชมของคุณสามารถปรับเปลี่ยนตัวเลือกสีปริมาณต้นทาง
ถ้าคุณกำหนดสีขององค์ประกอบ web ของคุณ คุณก็ควรกำหนดสีพื้นหลัง
ถ้าไม่กำหนดสีพื้นหลัง เว็บไซต์ของคุณอาจถูกทำลายโดยการรวมสีที่ไม่ดี (เช่น ข้อความสีแดงบนพื้นหลังสีแดง หรือข้อความสีเข้มกับพื้นหลังสีเข้ม)
ถ้าคุณไม่เซ็ตสีพื้นหลัง อาจทำให้ข้อความยากต่อการรับรู้
- หน้าก่อน องค์ประกอบ HTML
- หน้าต่อไป ความเข้าใจ