06 มิ.ย. 2559

11044

CSS คืออะไร? มีประโยชน์อย่างไรบ้าง by seo-winner.com

CSS คืออะไร? มีประโยชน์อย่างไรบ้าง

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

CSS คืออะไร? 
       CSS ย่อมาจาก Cascading Style Sheet  มักเรียกโดยย่อว่า "สไตล์ชีต" คือภาษาที่ใช้เป็นส่วนของการจัดรูปแบบการแสดงผลเอกสาร  HTML โดยที่ CSS กำหนดกฏเกณฑ์ในการระบุรูปแบบ (หรือ "Style") ของเนื้อหาในเอกสาร อันได้แก่ สีของข้อความ สีพื้นหลัง ประเภทตัวอักษร และการจัดวางข้อความ ซึ่งการกำหนดรูปแบบ หรือ Style นี้ใช้หลักการของการแยกเนื้อหาเอกสาร HTML ออกจากคำสั่งที่ใช้ในการจัดรูปแบบการแสดงผล กำหนดให้รูปแบบของการแสดงผลเอกสาร ไม่ขึ้นอยู่กับเนื้อหาของเอกสาร เพื่อให้ง่ายต่อการจัดรูปแบบการแสดงผลลัพธ์ของเอกสาร HTML โดยเฉพาะในกรณีที่มีการเปลี่ยนแปลงเนื้อหาเอกสารบ่อยครั้ง หรือต้องการควบคุมให้รูปแบบการแสดงผลเอกสาร HTML มีลักษณะของความสม่ำเสมอทั่วกันทุกหน้าเอกสารภายในเว็บไซต์เดียวกัน  โดยกฏเกณฑ์ในการกำหนดรูปแบบ (Style) เอกสาร HTML ถูกเพิ่มเข้ามาครั้งแรกใน HTML 4.0  เมื่อปีพ.ศ. 2539 ในรูปแบบของ CSS level 1 Recommendations ที่กำหนดโดย องค์กร World Wide Web Consortium หรือ W3C

 

CSS มีประโยชน์อย่างไร?
        ภาษา CSS (Cascading Style Sheets) มีประโยชน์หลายอย่างเลยทีเดียวซึ่งทำให้การพัฒนาเว็บเพจด้วยภาษา HTML เป็นเรื่องที่ง่ายมากขึ้นและการเขียน CSS ที่ดีมีผลดีต่อการดันอันดับเว็บไซต์ ด้วย SEO อย่างไร
1. ภาษา CSS จะช่วยในการจัดรูปแบบแสดงผลให้กับภาษา HTML ซึ่งจะช่วยลดการใช้ภาษา HTML ให้น้อยลง โดยเหลือเพียงแต่ส่วนที่เป็นเอกสารที่เป็นภาษา HTML เท่านั้นทำให้มีการแก้ไขและทำความเข้าใจได้ง่ายขึ้น
2. ทำให้ขนาดไฟล์ HTML น้อยลงเนื่องจาก ภาษา CSS จะช่วยลงการใช้ภาษา HTML ลงทำให้ขนาดไฟล์นั้นก็เล็กลงไปด้วยเช่นกัน
3. ภาษา CSS เป็นภาษา Style Sheets โดย Style Sheets ชุดเดียวสามารถใช้กำหนดรูปแบบการแสดงผลให้เอกสาร HTML ทั้งหน้า หรือทุกหน้ามีผลเหมือนกันได้ จึงทำให้เวลาที่มีการแก้ไขก็จะแก้ไขได้ง่ายขึ้นเพียงแก้ไข Style Sheets ที่ใช้งานเพียงชุดเดียวเท่านั้น
4. ทำให้เว็บไซต์มีมาตราฐานเพราะการใช้งาน CSS นั้นจะทำให้การแสดงผลในสื่อต่าง ๆ ถูกปรับเปลี่ยนไปได้อย่างเหมาะสม เช่น  การแสดงผลบนหน้าจอ และการแสดงผลในมือถือ
5. CSS สามารถที่จะใช้งานได้หลากหลาย เว็บบราวเซอร์ ทำให้การใช้งานนั้นสะดวกมากยิ่งขึ้น
6. CSS สามารถกำหนดแยกไว้ต่างหากจากไฟล์เอกสาร HTML และสามารถนำมาใช้ร่วม กับเอกสารหลายไฟล์ได้ การแก้ไขก็แก้เพียง จุดเดียวก็มีผลกับเอกสารทั้งหมด

     CSS กับ HTML นั้นทำหน้าที่คนละอย่างกัน โดย HTMLจะทำหน้าที่ในการวางโครงร่างเอกสารอย่างเป็นรูปแบบ  ถูกต้อง เข้าใจง่าย  ไม่เกี่ยวข้องกับการแสดงผล  ส่วน CSS จะทำหน้าที่ในการตกแต่งเอกสารให้สวยงาม เรียกได้ว่า HTML คือส่วน coding ส่วน  CSS คือส่วน design

 


ข้อมูลอ้างอิง 
www.mindphp.com
www.เกร็ดความรู้.net

บทความ

ล่าสุดผู้เชี่ยวชาญด้านการค้นหา 27 ปี ได้แบ่งปัน 5 ขั้นตอนในการปรับปรุง SEO ของเรา

ล่าสุดผู้เชี่ยวชาญด้านการค้นหา 27 ปี ได้แบ่งปัน 5 ขั้นตอนในการปรับปรุง SEO ของเรา

ใน Summit เมื่อเร็วๆ นี้ Duane Forrester ซึ่งเป็นผู้เชี่ยวชาญด้านการตลาดผ่านการค้นหามา 27 ปีได้แบ่งปันคำแนะนำเกี่ยวกับวิธีการเป็น SEO ที่ดีขึ้น และพัฒนาทักษะเพื่อคาดการณ์ได้ดีขึ้นว่าการตลาดผ่านการค้นหากำลังมุ่งหน้าไปที่ใด ... อ่านเพิ่มเติม

ขับเคลื่อนยอดขายด้วย PR ดิจิทัล (สิ่งที่แบรนด์อีคอมเมิร์ซจำเป็นต้องรู้)

ขับเคลื่อนยอดขายด้วย PR ดิจิทัล (สิ่งที่แบรนด์อีคอมเมิร์ซจำเป็นต้องรู้)

ในยุคดิจิทัลที่ข้อมูลและการสื่อสารเป็นเรื่องราวของทุกวินาที การขับเคลื่อนยอดขายด้วย PR ดิจิทัลกำลังก้าวเข้าสู่ขอบเขตใหม่ๆ ที่มีศักยภาพไม่จำกัด ... อ่านเพิ่มเติม

วิธีการแข่งขัน SEO เพื่อบรรลุอันดับที่สูงขึ้น (เหนือกว่าคู่แข่งของเรา)

วิธีการแข่งขัน SEO เพื่อบรรลุอันดับที่สูงขึ้น (เหนือกว่าคู่แข่งของเรา)

เว็บไซต์ที่ใช้กลยุทธ์ SEO มักจะมีประสิทธิภาพดีกว่าเว็บไซต์ที่ไม่ทำ SEO ในหลายๆ ด้าน เช่น การได้รับ Traffic และการมองเห็นในผลการค้นหา ... อ่านเพิ่มเติม

วิธีสร้างสมดุลระหว่าง SEO และ UX

วิธีสร้างสมดุลระหว่าง SEO และ UX

การผสมผสาน SEO และ UX เข้าด้วยกันนั้นมีความสำคัญยิ่งในการสร้างเว็บไซต์ที่ไม่เพียงแต่ดึงดูดการเข้าชมจากการค้นหาอย่างมีประสิทธิภาพ ... อ่านเพิ่มเติม

วิธีทำให้ Google จัดทำดัชนีเว็บไซต์ของเรา

วิธีทำให้ Google จัดทำดัชนีเว็บไซต์ของเรา

การจัดทำดัชนีเนื้อหาเว็บไซต์ของ Google มีบทบาทสำคัญในการกำหนดว่าเนื้อหาของเรา ว่าจะปรากฏบนผลการค้นหาหรือไม่ ซึ่งส่งผลต่อการเข้าถึงและการมองเห็นของเว็บไซต์ในอินเทอร์เน็ต ... อ่านเพิ่มเติม

วิธีสร้างเนื้อหาธุรกิจท้องถิ่นที่ทำให้เกิด Conversion

วิธีสร้างเนื้อหาธุรกิจท้องถิ่นที่ทำให้เกิด Conversion

การสร้างเนื้อหาธุรกิจท้องถิ่นคือกระบวนการออกแบบและผลิตเนื้อหาที่เกี่ยวข้องโดยตรงกับชุมชนหรือพื้นที่ที่ธุรกิจดำเนินการ โดยมุ่งเน้นที่การนำเสนอข้อมูล ผลิตภัณฑ์ หรือบริการที่ตอบสนองความต้องการและความสนใจของประชากรในพื้นที่นั้นๆ ... อ่านเพิ่มเติม

เคล็ดลับการทำ Redirection สำหรับ SEO

เคล็ดลับการทำ Redirection สำหรับ SEO

การทำ Redirection สำหรับ SEO คือ กระบวนการนำทางผู้ใช้และเครื่องมือค้นหาจาก URL เดิมไปยัง URL อื่น โดยไม่ต้องให้ผู้ใช้คลิกที่ลิงก์หรือดำเนินการใดๆ เป็นวิธีการที่ใช้เมื่อเนื้อหาบนเว็บไซต์ถูกย้ายไปยังตำแหน่งใหม่หรือเมื่อต้องการรวมหลายหน้าเว็บเข้าด้วยกัน ... อ่านเพิ่มเติม

เคล็ดลับในการรักษาอันดับ SEO  ในขณะที่อัปเดตการออกแบบเว็บไซต์ของเรา

เคล็ดลับในการรักษาอันดับ SEO ในขณะที่อัปเดตการออกแบบเว็บไซต์ของเรา

การปรับปรุงอัปเดตเว็บไซต์ใหม่จะช่วยเพิ่มประสบการณ์ผู้ใช้ เว็บทันสมัย ผู้เยี่ยมชมราบรื่นมีความสุข นั่นหมายถึงโอกาสในการขายมากขึ้น ... อ่านเพิ่มเติม

Google ยืนยันว่า Content คุณภาพสูงมีการรวบรวมข้อมูลบ่อยขึ้น

Google ยืนยันว่า Content คุณภาพสูงมีการรวบรวมข้อมูลบ่อยขึ้น

ทีมค้นหาสัมพันธ์ของ Google ได้เปิดเผยว่าเนื้อหา (Content) คุณภาพสูงและการเน้นผู้ใช้เป็นหลัก กลายเป็นกุญแจสำคัญในการเพิ่มความต้องการในการรวบรวมข้อมูล ซึ่งเป็นการหักล้างความเชื่อผิดๆ เกี่ยวกับงบประมาณในการวบรวมข้อมูล ... อ่านเพิ่มเติม