06 มิ.ย. 2559

4199

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 เลยได้ไหม ?

เว็บติดอันดับที่ต้องการเเล้ว หยุดทำ SEO เลยได้ไหม ?

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

รวมเทคนิค SEO ที่ห้ามทำ! เพราะมันล้าสมัยไปเเล้ว

รวมเทคนิค SEO ที่ห้ามทำ! เพราะมันล้าสมัยไปเเล้ว

การทำ SEO นั้นจำเป็นอย่างมากในการทำธุรกิจออนไลน์ เพราะธุรกิจต่างๆมีการเเข่งขันกันอย่างมาก ยิ่งคะเเนน SEO ดีมากเท่าไหร่ อันดับก็ดีมากขึ้นในหน้า Search engine เเละยิ่งอันดับนี้ดีมากเท่าไหร่ก็จะมีโอกาสมากขึ้นที่ผู้คนจะเห็นเว็บไซต์ของคุณมากเท่านั้น ซึ่งเป็นโอ ... อ่านเพิ่มเติม

ฮันแน่!! คิดว่า Backlink หมดความสำคัญเเล้วหรอ

ฮันแน่!! คิดว่า Backlink หมดความสำคัญเเล้วหรอ

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

Dwell Time หนึ่งปัจจัยสำคัญในการทำ SEO

Dwell Time หนึ่งปัจจัยสำคัญในการทำ SEO

Dwell Time เป็นส่วนประกอบสำคัญต่อ SEO อีกหนึ่งปัจจัย เเต่คนส่วนใหญ่อาจจะยังไม่ทราบหรือยังไม่เคยได้ยิน ไม่เพียงเเค่ในประเทศไทย ยังมีอีกหลายประเทศที่ Dwell Timeยังไม่เป็นที่รู้จัก เนื่องจากยังใหม่อยู่เเละยังไม่ชัดเจน เเละในวันนี้ทางเราจึงขอนำข้อมูลมาให้ทุกท ... อ่านเพิ่มเติม

ยิงโฆษณา Facebook ช่วงเวลาไหนได้ผลลัพธ์ดีที่สุด

ยิงโฆษณา Facebook ช่วงเวลาไหนได้ผลลัพธ์ดีที่สุด

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

DoFollow ยังสำคัญอยู่ไหมสำหรับการทำ SEO

DoFollow ยังสำคัญอยู่ไหมสำหรับการทำ SEO

การทำ SEO นั้นมีอยู่มากมายหลายวิธี หลายคนถกเถียงกันว่าวิธีไหนดีกว่ากัน วิธีไหนที่ถูกหรือผิด หนึ่งในหัวข้อที่มีการโต้เถียงกันก็คือ การระบุ Do Follow เเละ No Follow ว่าสิ่งนี่ยังจำเป็นอยู่หรือไม่ มีผลกับ SEO หรือไม่ วันนี้เราจึงได้รวบรวมข้อมูลมานำเสนอ ไปดูก ... อ่านเพิ่มเติม

Conversion คืออะไร ทำไมคนทำ SEO ต้องรู้

Conversion คืออะไร ทำไมคนทำ SEO ต้องรู้

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

Google AdWords ยังสำคัญไหมหากเว็บไซต์มีอันดับที่ดีเเล้ว

Google AdWords ยังสำคัญไหมหากเว็บไซต์มีอันดับที่ดีเเล้ว

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

รู้จัก On-Page SEO’s Checklist ในปี2019

รู้จัก On-Page SEO’s Checklist ในปี2019

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