คุกกี้ ภาค 3 ตอน HTML5

คุกกี้กับ HTML5 ด้วยข้อจำกัดของ HTML5 รุ่นก่อนๆ แถมข้อมูลของคุกกี้ที่เก็บไว้ยังไม่ปลอดภัยเท่าที่ควร ดังจะเห็นได้จากข่าวสารเกี่ยวกับแฮกเกอร์ที่แอบล้วงขโมยข้อมูลผ่านคุกกี้ และโดยเฉพาะคนที่มักชอบทำธุรกิจออนไลน์ ยิ่งต้องระวังเป็นอย่างยิ่ง ปัญหาเหล่านี้จะลดน้อยลง เมื่อเราใช้ HTML เวอร์ชั่น 5 ด้วยคุณสมบัติใหม่ที่ชื่อว่า Web Storage เพื่อเก็บข้อมูลซึ่งมีหลักคล้ายการทำงานของคุกกี้อย่างมากเลยทีเดียว หรือจะพูดได้ว่าเป็นอีกขั้นของการพัฒนาการเก็บข้อมูลก็ว่าได้

Read more

ทำเว็บ Semantic Markup ตอน 2

เขียนเว็บอย่างไรให้ตรงใจ Search Engine บทความนี้จะมาแนะนำการเขียน Semantic Markup ซึ่งเป็นคำสั่งใหม่ของ HTML5 และวัถตุประสงค์หลักๆ ก็คือ เพื่อให้ง่ายในการค้นหาและช่วย search engine สามารถเก็บข้อมูลบนเว็บของเราได้สะดวก (เป็นการแลกเปลี่ยนผลประโยชน์กันอย่างเห็นได้ชัด) ดังนั้น การเขียน HTML5 ในรูปแบบของ semantic markup โดยใช้ semantic elements นั้น จึงเป็นสิ่งที่ควรกระทำ และเขียนให้ถูกต้องย่างมาก มาดูตัวอย่างการใช้ Semantic Elements

Read more

ทำความรู้จัก Semantic Markup ตอน 1

สร้างเว็บให้โดนใจ Google Search Engine การทำเว็บ สิ่งสำคัญมากๆ ก็คือ การทำให้เว็บถูกค้นหาได้ง่าย ในคำค้นหรือ keyword ที่เราต้องการ ซึ่งจะมีผลให้เกิดผู้เยี่ยมชม สามารถค้นหาเว็บไซต์ของเราได้ง่ายและแน่นอนเป็นการเพิ่มความน่าจะเป็นในการขายสินค้าหรือบริการของเราได้ วิธีหนึ่งในการสร้างเว็บให้ถูกใจ Search Engine ก็คือ ระบุความหมายให้ชัดเจนลงไปเลยว่า เว็บไซต์ของเราส่วนไหน คืออะไร เช่น บอกไปเลยว่า ตำแหน่งนี้คือ ส่วนของเนื้อหา หรือตำแหน่งนี้คือ เมนู เป็นต้น Semantic Markup คือคำตอบในการสร้างเว็บแบบถูกใจ search engine

Read more

วิธีใช้งาน tag VIDEO บน HTML5

ทำความรู้จักแท็กวีดีโอ <VIDEO> ยังจำได้หรือไม่ว่า เวลาเราต้องการแทรกไฟล์วีดีโอบนเว็บไซต์ของเรา เราจะต้องมีการคำสั่งแท็ก <OBJECT> เพื่อให้เว็บบราวเซอร์ที่เราใช้ ดาวน์โหลดปลั๊กอินสำหรับการแสดงผลไฟล์วีดีโอขึ้นมาก่อน จากนั้นจึงใช้คำสั่ง <EMBED> เพื่อโหลดปลั๊กอินที่ติดตั้งมาทำงานร่วมกับบราวเซอร์ ซึ่งรหัสหรือโค๊ตที่ได้จะค่อนข้างยาว และดูเหมือนว่าคำสั่งมีการใช้ซ้ำไป ซ้ำมาอีกด้วย แต่ปัญหายังไม่หมด ถ้าเพราะนำคำสั่งนี้ไปใช้งานต่างบราวเซอร์ เราอาจจำเป็นต้องติดตั้ง ปลั๊กอิน สำหรับการไฟล์วีดีโอนั้นๆ เพิ่มเติมอีก

Read more

วาดรูปด้วย tag Canvas ใน HTML5

ทำความรู้จัก CANVAS CANVAS คือแท็คใหม่ที่ใช้สำหรับ HTML5 โดยเฉพาะ ใช้สำหรับการกำหนดพื้นที่ว่างๆ สำหรับการวาดรูป หรือขีดๆ เขียนๆ ดังนั้น ถ้าเว็บบราวเซอร์ไหน ไม่ลองรับ HTML5 นั่นหมายความว่า คำสั่ง Canvas นี้จะไม่สามารถแสดงผลได้อย่างถูกต้อง เราสามารถกำหนดขนาดของ Canvas ได้ง่ายๆ เพียงเิ่พิ่มคำสั่งในส่วนของ width และ height เท่านั้น

Read more

DOCTYPE และ Character Set ใน HTML5

สิ่งหนึ่งที่เป็นเรื่องเด่นชัดของ HTML5 นั่นคือ?DOCTYPE และ Character Set ซึ่งมีการเปลี่ยนแปลงอย่างเห็นได้ชัด เพราะทั้งสั้น และง่ายขึ้นมากๆ บทความนี้จะมาเปรียบเทียบ HTML เวอร์ชั่นเก่ากับเวอร์ชั่นใหม่ว่า มีอะไรบ้างที่แตกต่างออกไป แต่ไม่แน่ใจว่า คุณทราบหรือยังว่า DOCTYPE และ Character Set เขามีไว้ทำอะไร มีประโยชน์อย่างไร

Read more

Elements ที่เลิกใช้ใน HTML5

สำหรับผู้พัฒนาเว็บไซต์ด้วย HTML5 ซึ่เป็นเวอร์ชั่นใหม่ล่าสุดในปี 2556 นี้ แน่นอนย่อมมีคำสั่งใหม่ๆ น่าใช้มากมากย เพราะเป็นการอัพเกรดจากเวอร์ชั่น 4 มาเป็น 5 เลย แต่อย่างไรก็ตาม HTML5 ได้มีการตัดคำสั่งหรือ Elements ออกไปบางส่วน (ซึ่งก็ไม่เข้าใจว่า ตัดทำไม) ซึ่งแน่นอน ถ้าเราต้องการใช้ความสามารถของ HTML5 แบบเต็มประสิทธิภาพ ก็ควรตรวจสอบให้ดีว่า มี Elements ไหนบ้างที่เลิกใ้ช้งาน และจะได้ไม่นำไปใช้งานอีก

Read more

ทำความรู้จัก HTML5

ภาษา HTML  HMTL (HyperText Markup Language) คือภาษาในการเขียนเว็บไซต์ที่เป็นมาตราฐาน มีการพัฒนาอย่างต่อเนื่องจนถึงปัจจุบัน ปี 2556 นี้ เป็นเวอร์ชั่น 5 แล้ว แต่การจะพัฒนาเว็บให้ได้สมบูรณ์นั้น เราจำเป็นต้องเรียนรู้และใช้เครื่องมืออื่นๆ อีก เช่น CSS และ JavaScripts เ็ป็นต้น บ้าง เพื่อให้เว็บสามารถแก้ไขและบริหารจัดการได้ดียิ่งขึ้น และโดยเฉพาะ CSS ซึ่งเว็บรุ่นใหม่มีการใช้กันหมด แต่ไม่อยากหรอกครับ มีตัวอย่างให้เลือกนำไปใช้ได้มากมาย

Read more
Copyright 2017 Technointrend.com