06 มิ.ย. 2559

6446

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

บทความ

เปลี่ยน “Passion” เป็น “Income” ได้ง่ายๆ ใครๆก็ทำได้

เปลี่ยน “Passion” เป็น “Income” ได้ง่ายๆ ใครๆก็ทำได้

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

ธุรกิจอะไรบ้าง? เปิดมาแล้วปัง ในช่วง Stay at Home

ธุรกิจอะไรบ้าง? เปิดมาแล้วปัง ในช่วง Stay at Home

ถึงสถานการณ์โรคระบาดไวรัสโควิด -19 ในปัจจุบันจะทำให้เศรษฐกิจชะลอตัวอย่างหลีกเลี่ยงไม่ได้ จากมาตรการเพื่อควบคุมการแพร่กระจายของโรค ส่งผลกระทบต่อการดำเนินชีวิตของผู้คนที่ต้อง Work From Home มาดูกันว่าจะมีธุรกิจอะไรที่มีการปรับตัวหรือนำเทคโนโลยี ไอเดียใหม่ ... อ่านเพิ่มเติม

จะการสร้างมูลค่าให้กับลูกค้า ได้อย่างไร

จะการสร้างมูลค่าให้กับลูกค้า ได้อย่างไร

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

ข้อควรระวังในการตั้งชื่อแบรนด์และสินค้า ของตลาดจีน

ข้อควรระวังในการตั้งชื่อแบรนด์และสินค้า ของตลาดจีน

เห็นชัดว่าจีนเป็นหนึ่งในตลาดใหญ่ที่สุดในโลกด้วยมีประชากรมากที่สุดในโลกเกือบ1,500 ล้านคนในต้นปี 2019 เป็นประเทศที่ภาคบริการแซงหน้าภาคผลิต แถมแรงงานก็มีคุณภาพมากขึ้น จึงไม่แปลกใจที่ธุรกิจจากต่างประเทศจะแห่เข้ามาทำรายได้ในจีน ... อ่านเพิ่มเติม

COVID-19 สร้างโอกาสทองให้กับ ธุรกิจอีคอมเมิร์ซ

COVID-19 สร้างโอกาสทองให้กับ ธุรกิจอีคอมเมิร์ซ

แม้ว่าการแพร่ระบาดของไวรัส COVID-19 จะส่งผลกระทบต่อระบบเศรษฐกิจเป็นอย่างมาก โดยเฉพาะในภาคธุรกิจที่ต้องเจอปัญหาเดียวกันก็คือ รายได้ลดลง ส่งผลให้ต้องมีการควบคุมต้นทุนอย่างหนัก แต่ท่ามกลางวิกฤตที่เกิดขึ้นมักจะมีสิ่งที่เรียกว่า “โอกาส” อยู่เสมอ ... อ่านเพิ่มเติม

ขายของด้วยกลยุทธ์การตลาด Personalization

ขายของด้วยกลยุทธ์การตลาด Personalization

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

วิธีทำ SEO ด้วยตัวเองอย่างง่าย ให้เว็บติดอันดับหน้าแรกกูเกิลแบบไม่ต้องใช้เงิน

วิธีทำ SEO ด้วยตัวเองอย่างง่าย ให้เว็บติดอันดับหน้าแรกกูเกิลแบบไม่ต้องใช้เงิน

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

ทำ Social Video Marketing ให้สำเร็จได้ ไม่ยากอย่างที่คิด!

ทำ Social Video Marketing ให้สำเร็จได้ ไม่ยากอย่างที่คิด!

Social Video Marketing ไม่ใช่เครื่องมือทางการตลาดชิ้นใหม่ หรือเทรนด์ใหม่ของวงการ Digital Marketing แต่อย่างใด ซึ่งหากใครที่ติดตามแวดวงการตลาดหรือการทำธุรกิจออนไลน์มาในช่วง 4-5 ปีที่ผ่านมา จะทราบดีว่า Social Video นั้นเป็นอีกหนึ่งเครื่องมือทางการตลาดที่มีป ... อ่านเพิ่มเติม

 คู่มือสำหรับผู้เริ่มต้นสู่ LINE Ads Platform

คู่มือสำหรับผู้เริ่มต้นสู่ LINE Ads Platform

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