06 มิ.ย. 2559

5326

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

บทความ

 ทำ Marketing บน  Facebook

ทำ Marketing บน Facebook

ปัจจุบันซึ่งทุกคนทราบดีอยู่แล้วว่า Facebook เวลานี้มาแรงจริงๆ จัดเป็นอันดับ 1 ที่มีฐานผู้ใช้งานสูงที่สุดในโลก ... อ่านเพิ่มเติม

ทำความรู้จักกับ GOOGLE ANALYTICS

ทำความรู้จักกับ GOOGLE ANALYTICS

วันนี้เราจะขอนำเสนอบทความเกี่ยวกับเครื่องมือที่ใช้วิเคราห์ข้อมูลเว็บไซต์ต่างๆ อย่าง GOOGLE ANALYTICS ว่ามันคืออะไร เเล้วทำอะไรได้บ้าง ... อ่านเพิ่มเติม

เทคนิคการใช้ Facebook Messenger ให้ติดใจลูกค้า

เทคนิคการใช้ Facebook Messenger ให้ติดใจลูกค้า

เนื่องด้วยเทคโนโลยีเเละอะไรหลายๆอย่างในปัจจุบัน เเละสิ่งที่ลูกค้าใช้เป็นช่องทางสื่อสารมากที่สุดก็คือ Messenger ที่อยู่ใน Facebook นั่นเอง ดังนั้นวันนี้เราจึงขอนำเสนอ " เทคนิคการใช้ Facebook Messenger ให้ติดใจลูกค้า " ... อ่านเพิ่มเติม

ทำการตลาดยังไงให้ตอบโจทย์กับลูกค้าทุกเเนว

ทำการตลาดยังไงให้ตอบโจทย์กับลูกค้าทุกเเนว

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

รวมปัญหายอดฮิตในทำการตลาดบน Facebook

รวมปัญหายอดฮิตในทำการตลาดบน Facebook

​หลายคนคงเคยพบปัญหามากในหลังจากการทำการตลาดบท Facebook ไปเเล้ววันนี้เราจึงรวมรวมข้อมูลปัญหาที่พบเจอบ่อยๆ เเละเเนวทางวิธีแก้ มาให้ทุกๆท่านศึกษากัน หวังว่าจะเป็นประโยชน์กับผู้อ่านทุกๆคน ... อ่านเพิ่มเติม

สร้างกราฟข้อมูลด้วย Google Charts

สร้างกราฟข้อมูลด้วย Google Charts

วันนี้เรามีบริการดีๆจาก Google มาเขียนเป็นบทความให้ทุกๆท่านได้ศึกษากัน โดยเป็นเครื่องมือเกี่ยวกับการสร้างกราฟ ที่มีความสะดวกสบาย เเละยังทันสมัยอีกด้วยซึ่งบริการนั้นมีชื่อว่า Google Charts นั่นเอง ... อ่านเพิ่มเติม

เรื่องที่ควรรู้เกี่ยวกับการทำ Digital Marketing

เรื่องที่ควรรู้เกี่ยวกับการทำ Digital Marketing

การทำ Digital Marketing นั้นเป็นสิ่งที่สำคัญมากๆในปัจจุบัน วันนี้ทางเราจึงขอนำเสนอ Metric เด่น ๆ ของการทำ Digital Marketing จะมีอะไรบ้างไปดูกันเลย ... อ่านเพิ่มเติม

GOOGLE ANALYTICS เครื่องมือที่  DIGITAL MARKETER ห้ามพลาด

GOOGLE ANALYTICS เครื่องมือที่ DIGITAL MARKETER ห้ามพลาด

​วันนี้เราจะพาเหล่า DIGITAL MARKETER ทุกๆท่านมาพบกับเครื่องมือที่ช่วยให้การทำงานของคุณง่ายขึ้น ซึ่งมีประโยชน์มากๆเลย ในการทำการตลาดออนไลน์ ดังนั้น คนทำการตลาดห้ามพลาดเลยทีเดียว ... อ่านเพิ่มเติม

เทคนิคการทำการตลาดออนไลน์ผ่านทาง Twitter

เทคนิคการทำการตลาดออนไลน์ผ่านทาง Twitter

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