06 มิ.ย. 2559

9337

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

บทความ

มาดูมุมมองของ Google กับอนาคตของตลาดดิจิทัล

มาดูมุมมองของ Google กับอนาคตของตลาดดิจิทัล

ในสภาวะเศรษฐกิจถดถอยธุรกิจต่างๆ ต่างก็ขาดทุนโดยเฉพาะธุรกิจเกี่ยวกับเทคโนโลยี บทความนี้เราจึงถือโอกาสพาผู้อ่านมาเปิดมุมมองของ Google กับอนาคตของตลาดดิจิทัล ... อ่านเพิ่มเติม

Image Extensions คืออะไร?

Image Extensions คืออะไร?

Image Extensions (ส่วนขยายรูปภาพ) เป็นส่วนขยายโฆษณาประเภทหนึ่งที่สามารถนำไปใช้กับโฆษณาบนการค้นหาที่เสียค่าใช้จ่ายได้ โดยส่วนขยายโฆษณาเหล่านี้ใช้ได้ในระดับต่างๆ ... อ่านเพิ่มเติม

แลนดิ้งเพจ คืออะไร (What Is a Landing Page?)

แลนดิ้งเพจ คืออะไร (What Is a Landing Page?)

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

ด่วน! เครื่องมือการตลาด ออนไลน์มาใหม่ (เพิ่มโอกาสธุรกิจ SME ไทย)

ด่วน! เครื่องมือการตลาด ออนไลน์มาใหม่ (เพิ่มโอกาสธุรกิจ SME ไทย)

LINE VOOM เป็นเครื่องมือการตลาดออนไลน์ใหม่ที่นักการตลาดไม่ควรพลาดและควรที่จะศึกษาไว้ที่สำคัญ ณ ตอนนี้กำลังเป็นที่นิยมอย่างต่อเนื่องถือได้ว่าเป็นอีกหนึ่งช่องทางที่น่าสนใจสำหรับธุรกิจ SMEs ไทย ... อ่านเพิ่มเติม

กลยุทธ์การขายของออนไลน์

กลยุทธ์การขายของออนไลน์

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

Organic Traffic คืออะไร (สำคัญกับเว็บไซต์อย่างไร)

Organic Traffic คืออะไร (สำคัญกับเว็บไซต์อย่างไร)

การเพิ่มจำนวนยอดการเยี่ยมชมที่ผ่านเข้ามาในช่องทาง Search Engine ไม่ใช่เรื่องง่ายๆ ฉะนั้นเรามาดูกันเลยว่า Organic Traffic คืออะไรและสำคัญอย่างไร ... อ่านเพิ่มเติม

Google เปิดตัวผลิตภัณฑ์ใหม่ 2022 เพื่อเพิ่มประสิทธิภาพการโฆษณาให้ดียิ่งขึ้น

Google เปิดตัวผลิตภัณฑ์ใหม่ 2022 เพื่อเพิ่มประสิทธิภาพการโฆษณาให้ดียิ่งขึ้น

ในงาน googlemarketinglive ปี 2022 นี้ Google นั้นได้เปิดตัวผลิตภัณฑ์ใหม่ ที่สามารถช่วยเพิ่มประสิทธิภาพการโฆษณาให้ดียิ่งขึ้นได้ และที่สำคัญยังได้เผยแนวทางใหม่ๆ ด้วย ... อ่านเพิ่มเติม

ROI คืออะไร (Return on Investment)

ROI คืออะไร (Return on Investment)

ROI (Return on Investment) หมายถึงผลตอบแทนจากการลงทุน ซึ่งเป็นการวัดประสิทธิภาพ ที่ใช้ในการประเมินประสิทธิภาพหรือความสามารถในการทำกำไรของการลงทุน ... อ่านเพิ่มเติม

SEO และ SEM แตกต่างกันกันอย่างไร  (ทิศทางในอนาคตของ SEO และ SEM )

SEO และ SEM แตกต่างกันกันอย่างไร (ทิศทางในอนาคตของ SEO และ SEM )

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