แท็กแบบอักษรเทียบกับ Cascading Style Sheets (CSS)

คุณเคยดูเว็บไซต์เก่า ๆ และเห็นแท็กผิดปกติภายใน HTML หรือไม่? หลายปีมาแล้วนักออกแบบเว็บได้ตั้งแบบอักษรของหน้าเว็บไว้ภายใน HTML แต่การแยกโครงสร้าง (HTML) และสไตล์ (CSS) ออกไปเมื่อไม่นานมานี้

ในการออกแบบเว็บวันนี้แท็กถูกเลิกใช้แล้ว ซึ่งหมายความว่าแท็กไม่ได้เป็นส่วนหนึ่งของข้อกำหนด HTML อีกต่อไป แม้ว่าเบราว์เซอร์บางประเภทจะยังสนับสนุนแท็กนี้ต่อไปหลังจากที่เลิกใช้งานแล้ว แต่ก็ยังไม่มีการสนับสนุนอีกต่อไปใน HTML5 ซึ่งเป็นภาษาใหม่ล่าสุด ซึ่งหมายความว่าแท็กจะไม่พบในเอกสาร HTML ของคุณอีกต่อไป

ทางเลือกกับแท็กแบบอักษร

หากคุณไม่สามารถตั้งค่าแบบอักษรของข้อความภายในหน้า HTML ด้วยแท็กคุณควรใช้อะไรบ้าง Cascading Style sheets (CSS) คือวิธีที่คุณกำหนดลักษณะแบบอักษร (และสไตล์ภาพทั้งหมด) บนเว็บไซต์ในปัจจุบัน CSS สามารถทำสิ่งเดียวกันทั้งหมดที่แท็กสามารถทำรวมทั้งอื่น ๆ อีกมากมาย ลองตรวจสอบว่าแท็กจะทำอย่างไรเมื่อเป็นตัวเลือกสำหรับหน้า HTML ของเรา (โปรดจำไว้ว่าไม่ได้รับการสนับสนุนอีกต่อไปดังนั้นจึงไม่ใช่ตัวเลือก) และเปรียบเทียบวิธีทำกับ CSS

การเปลี่ยนแบบอักษรครอบครัว

หน้าแบบอักษรคือหน้าหรือกลุ่มของแบบอักษร ด้วยแท็กแบบอักษรคุณจะใช้แอตทริบิวต์ "face" และคุณจะต้องวางเอกสารนี้ไว้ในเอกสารหลาย ๆ ครั้งหลายครั้งเพื่อตั้งค่าแบบอักษรแต่ละส่วนของข้อความแต่ละส่วน หากต้องการเปลี่ยนแบบอักษรแบบกว้างคุณต้องเปลี่ยนแท็กแต่ละรายการ ตัวอย่างเช่น:

แบบอักษรนี้ไม่ใช่ sans-serif

ใน CSS แทนแบบอักษร "หน้า" เรียกว่าแบบอักษร "ครอบครัว" คุณเขียนสไตล์ CSS ที่จะตั้งค่าแบบอักษร ตัวอย่างเช่นถ้าคุณต้องการตั้งค่าข้อความทั้งหมดในหน้าเว็บให้กับ Garamond คุณสามารถเพิ่มรูปแบบภาพเช่นนี้ได้:

ร่างกาย {font-family: Garamond, Times, serif; }

สไตล์ CSS นี้จะใช้ตระกูลแบบอักษร Garamond กับทุกอย่างบนเว็บเพจเนื่องจากองค์ประกอบทุกอย่างในเอกสารเป็นลูกหลานของ

การเปลี่ยนสีตัวอักษร

เช่นเดียวกับใบหน้าคุณจะใช้แอตทริบิวต์ "color" และรหัส hex หรือชื่อสีเพื่อเปลี่ยนสีของข้อความ ปีที่ผ่านมาคุณจะตั้งค่าองค์ประกอบข้อความเช่นแท็กส่วนหัว

แบบอักษรนี้เป็นสีม่วง

วันนี้คุณเพิ่งเขียนบรรทัด CSS

มีความยืดหยุ่นมากขึ้น ถ้าคุณต้องการเปลี่ยน

ในทุกๆหน้าในไซต์ของคุณคุณสามารถทำการเปลี่ยนแปลงไฟล์ CSS ได้และหน้าเว็บทุกหน้าที่ใช้ไฟล์นั้นจะได้รับการอัปเดต

ออกไปพร้อมกับของเก่า

การใช้ CSS เพื่อกำหนดรูปแบบภาพเป็นมาตรฐานของนักออกแบบเว็บไซต์มาหลายปีแล้วดังนั้นหากคุณกำลังมองหาหน้าเว็บที่ใช้แท็กอยู่เสมอก็เป็นหน้าเก่ามากและจำเป็นต้องได้รับการปรับปรุงใหม่เพื่อให้เป็นไปตามเว็บปัจจุบัน ออกแบบแนวทางปฏิบัติที่ดีและมาตรฐานเว็บที่ทันสมัย

แก้ไขโดย Jeremy Girard