ความแตกต่างระหว่าง HTML และ CSS

HTML และ CSS

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

HTML คืออะไร?

HTML ดังที่ได้กล่าวมาแล้วเป็นภาษามาร์คอัปไม่ใช่ภาษาเขียนโปรแกรม ภาษามาร์คอัปคือชุดของเครื่องหมายขึ้นแท็กและ HTML ใช้แท็กมาร์กอัปซึ่งมักเรียกว่าแท็ก HTML เพื่ออธิบายหน้าเว็บ เอกสาร HTML อธิบายหน้าเว็บและมีแท็ก HTML และข้อความธรรมดา แท็ก HTML สามารถระบุได้ง่ายในเอกสาร HTML เนื่องจากล้อมรอบด้วยวงเล็บมุม (เช่นกัน) โดยทั่วไปแท็ก HTML จะแทรกลงในเอกสารเป็นคู่ซึ่งแท็กแรกคือแท็กเริ่มต้น (เช่น.) และแท็กที่สองคือแท็กสิ้นสุด (เช่น ) งานของเว็บเบราเซอร์ (เช่น Internet Explorer, Firefox เป็นต้น) คือการอ่านเอกสาร HTML และแสดงเป็นหน้าเว็บ เบราเซอร์ใช้แท็ก HTML เพื่อตีความเนื้อหาของหน้าเว็บและแท็ก HTML เองจะไม่แสดงโดยเบราเซอร์ หน้า HTML สามารถฝังภาพวัตถุและสคริปต์ที่เขียนด้วยภาษาต่างๆเช่น JavaScript นอกจากนี้ HTML สามารถนำมาใช้เพื่อสร้างรูปแบบการโต้ตอบได้

CSS คืออะไร?

ตามที่ระบุไว้ก่อนหน้านี้ CSS กำหนดว่าองค์ประกอบ HTML จะต้องปรากฏในหน้าเว็บอย่างไร ในขั้นต้น HTML ไม่ได้ตั้งใจให้มีแท็กสำหรับจัดรูปแบบเอกสาร แต่เพื่อกำหนดเนื้อหา แต่การแนะนำแท็กเช่นใน HTML 3 ทำให้ชีวิตนักพัฒนาเว็บยากมาก เมื่อพัฒนาเว็บไซต์ขนาดใหญ่การเพิ่มข้อมูลแบบอักษรและสีลงในทุกๆเพจกลายเป็นกระบวนการที่น่าเบื่อมาก ในฐานะที่เป็นทางออกสำหรับปัญหานี้ World Wide Web Consortium (W3C) ได้สร้าง CSS HTML 4 0 ช่วยให้สามารถจัดรูปแบบทั้งหมดออกจากเอกสาร HTML และจัดเก็บไว้ในไฟล์ CSS แยกต่างหาก CSS ช่วยให้สามารถแยกเนื้อหาเอกสารจากงานนำเสนอเอกสารเช่นเค้าโครงสีและแบบอักษร ซึ่งจะช่วยให้หน้าเว็บหลายหน้าสามารถแชร์การจัดรูปแบบเดียวกันและลดความซับซ้อนและการทำซ้ำในเนื้อหาโครงสร้าง CSS สามารถอนุญาตหน้าเว็บมาร์กอัปเดียวกันให้ปรากฏในสไตล์ที่แตกต่างด้วยการอนุญาตให้ผู้อ่านเลือกสไตล์ชีตอื่นเพื่อแทนที่หน้าที่ระบุโดยผู้เขียนของเว็บเพจ วันนี้ CSS ใช้กันอย่างแพร่หลายและได้รับการสนับสนุนจากเบราว์เซอร์ทั้งหมด

ความแตกต่างระหว่าง HTML กับ CSS

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