06 มิ.ย. 2559

8400

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

บทความ

SEO และ SEM คืออะไร

SEO และ SEM คืออะไร

ในการทำธุรกิจออนไลน์ การทำเว็บไซต์เป็นสิ่งที่สำคัญ เปรียบเสมือนเป็นหน้าต่างของบ้านเลยทีเดียว ... อ่านเพิ่มเติม

เผยผลลัพธ์กลยุทธ์ Organic Marketing ไปกับซีรี่ย์ Squid Game

เผยผลลัพธ์กลยุทธ์ Organic Marketing ไปกับซีรี่ย์ Squid Game

แน่นอนว่าไม่มีใครที่ไม่รู้จัก ซีรีส์เรื่อง Squid Game จาก Netflix สร้างโดยผู้กำกับชื่อดัง Hwang Dong-hyuk ... อ่านเพิ่มเติม

เทคนิคการทำ SEO ด้วยการวิเคราะห์พฤติกรรมของคนยุคใหม่

เทคนิคการทำ SEO ด้วยการวิเคราะห์พฤติกรรมของคนยุคใหม่

เชื่อว่าทุกๆ ท่านที่ทำธุรกิจบนโลกออนไลน์ที่มีเว็บไซต์จะต้องรู้จักคำว่า "SEO" หรือ Search Engine Optimize อย่างแน่น ... อ่านเพิ่มเติม

ฮาคูโฮโดเผย TOP 5 สินค้าที่คนไทยชอบซื้อ พร้อมเผยข้อเสนอแนะต่อนักการตลาด

ฮาคูโฮโดเผย TOP 5 สินค้าที่คนไทยชอบซื้อ พร้อมเผยข้อเสนอแนะต่อนักการตลาด

สถาบันวิจัยความเป็นอยู่ฮาคูโฮโด อาเซียน (ประเทศไทย) ที่ร่วมมือกับบริษัท สไปซี่ เอช จำกัด ได้ลงพื้นที่สำรวจ ... อ่านเพิ่มเติม

การตลาดที่ดีต้องตามลูกค้าได้ทันเวลาแบบ Real-time By Chipotle

การตลาดที่ดีต้องตามลูกค้าได้ทันเวลาแบบ Real-time By Chipotle

Case study ของ Chipotle ธุรกิจร้านอาหารที่มีฐานลูกค้าหลายสิบล้านด้วยระบบ Customer Data Platform หรือ CDP ของ Microsoft Dynamics 365 ... อ่านเพิ่มเติม

อยากให้คนเห็นคลิป Video YouTube ของเรามากขึ้น ต้องทำอย่างไร ?

อยากให้คนเห็นคลิป Video YouTube ของเรามากขึ้น ต้องทำอย่างไร ?

ยุคแห่ง Content สมัยนี้ยังไงเราในฐานะการตลาดก็หนีไม่พ้นการทำ Video Content ต้องยอมรับว่าปัจจุบันเหล่า YouTubers ถือว่าเป็นอาชีพยอดฮิตมากๆ และแน่นอนว่าสิ่งที่ต้องการมากที่สุดของ ... อ่านเพิ่มเติม

ตำแหน่งบน SEO ของเรา ทำไมไม่คงที่

ตำแหน่งบน SEO ของเรา ทำไมไม่คงที่

การทำ SEO หรือ Search Engine Optimization เพื่อให้เว็บไซต์ของเราติดหน้าแรกของ Google นั้นเป็นเรื่องที่ไม่แน่นอน หากคุณมีเว็บไซต์ ... อ่านเพิ่มเติม

เทคนิคทางการตลาดที่เรียกว่า “FOMO”

เทคนิคทางการตลาดที่เรียกว่า “FOMO”

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

Instagram #Hashtag ใช้ให้ถูกวิธี ปังแน่นอน

Instagram #Hashtag ใช้ให้ถูกวิธี ปังแน่นอน

บทความวันนี้เอาใจนักการตลาดที่เป็นสาย Instagram ค่ะ เชื่อว่าจะต้องเคยใช้ #Hashtag เพื่อทำการตลาดกันอย่างแน่นอน ... อ่านเพิ่มเติม