06 มิ.ย. 2559

7216

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

บทความ

ตั้งราคาขายผิด ชีวิตเปลี่ยนแน่นอน!

ตั้งราคาขายผิด ชีวิตเปลี่ยนแน่นอน!

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

How to ให้ธุรกิจเติบโตอย่างรวดเร็ว ตามรอย "Netflix"

How to ให้ธุรกิจเติบโตอย่างรวดเร็ว ตามรอย "Netflix"

Netflix ถือว่าเป็นหนึ่งในบริษัทแพลตฟอร์มสายคอนเทนต์ที่โดดเด่นที่สุดแห่งยุคสมัยนี้ เพราะในปัจจุบัน Netflix มีลูกค้าที่เป็น subscribers กว่า 150 ล้านคน และให้บริการแล้วกว่า 190 ประเทศทั่วโลก มูลค่ากิจการสูงหลักแสนล้านดอลลาร์! ซึ่งวันนี้เราจะมาเรียนรู้กา ... อ่านเพิ่มเติม

Data-Driven Marketing คืออะไร ?

Data-Driven Marketing คืออะไร ?

หลายคนคงได้ยินคำนี้บ่อยอยู่แล้ว เพราะว่าเป็นการตลาดที่มาแรงมาก นั่นก็คือ "Data-Driven Marketing" นั่นเอง หลายธุรกิจได้นำมาปรับใช้ให้เกิดประโยชน์สูงสุดทางธุรกิจ แล้วมันคืออะไรล่ะ ? วันนี้เราจะพาทุกคนมาทำความรู้จักกันค่ะ ... อ่านเพิ่มเติม

เมื่อ AI มา mix&match กับธุรกิจของคุณจะเป็นอย่างไร ?

เมื่อ AI มา mix&match กับธุรกิจของคุณจะเป็นอย่างไร ?

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

ถอดแนวคิดเกี่ยวกับ ‘Lifestyle Company’

ถอดแนวคิดเกี่ยวกับ ‘Lifestyle Company’

โดย "โธมัส พิชเยนทร์" ได้พุดไว้ว่า "มีคำว่าเทคไม่ใช่ต้องทำแต่เทค เราแค่ต้องหัดเขียนหนังสือ 2มือให้ถนัดมากที่สุด เร็วที่สุด ด้วยวิธีคิดแบบ Startup ทำแบบ SME มีระบบแบบมหาชน ... อ่านเพิ่มเติม

รู้ก่อนใคร เรียนรู้เทรนด์การตลาดใหม่ในปี 2021

รู้ก่อนใคร เรียนรู้เทรนด์การตลาดใหม่ในปี 2021

ในช่วงปี 2020 ที่ผ่านมา นอกจากการเติบโตของธุรกิจออนไลน์ และการพัฒนาแผนการตลาด ที่มีการใช้เครื่องมือดิจิทัล และเทคโนโลยีที่ทันสมัยอย่างต่อเนื่องแล้ว ธุรกิจทั่วโลกต้องประสบปัญหาการแพร่ระบาดของ Covid-19 อย่างหลีกเลี่ยงไม่ได้ ซึ่งทำให้เกิดผลกระทบกับพฤติกรรมกา ... อ่านเพิ่มเติม

ทำการตลาดด้วย AI Marketing อย่าไรให้ปังในจีน

ทำการตลาดด้วย AI Marketing อย่าไรให้ปังในจีน

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

คนไทยติดใจ Social Commerce ทุบสถิติ ติดอันดับโลก

คนไทยติดใจ Social Commerce ทุบสถิติ ติดอันดับโลก

Social Commerce หรือ Conversational Commerce (C-Commerce) คือเทรนด์สำคัญที่จะเขย่าวงการค้าปลีกไทยในปี 2563 จากผลสำรวจที่บอกว่า กว่า 60% ของนักช้อปไทยเคยแชทออนไลน์กับแบรนด์หรือผู้ขายในขณะช้อปปิ้ง และ 93% มีแนวโนัมจะซื้อสินค้าจากร้านที่พวกเขาสามารถส่งข้อควา ... อ่านเพิ่มเติม

เปิดตลาดให้กับธุรกิจ สร้างยอดขายบน twitter

เปิดตลาดให้กับธุรกิจ สร้างยอดขายบน twitter

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