การพัฒนาอินเทอร์เน็ตมักจะก่อให้เกิดการเกิดขึ้นของเทคโนโลยีใหม่และ HTML5 และ CSS3 เป็นหัวข้อร้อนที่ได้รับการกล่าวถึงเมื่อเร็ว ๆ นี้ แล้ว HTML5 และ CSS3 มีอะไรบ้างที่ทำให้เราเปล่งประกาย? ฉันแบ่งปันกับคุณ "เปิดเผย HTML5 และ CSS3 " ในการประชุม Exchange Webrebuild Beijing และการประชุม Tea Milk Tea
http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8
บรรพบุรุษของ HTML 5 ร่างเรียกว่าเว็บแอปพลิเคชัน 1.0 เมื่อวันที่ 22 มกราคม 2551 ร่างอย่างเป็นทางการครั้งแรกได้รับการปล่อยตัว HTML 5 เป็นก้าวกระโดดที่ยิ่งใหญ่ที่สุดในมาตรฐานการพัฒนาเว็บในทศวรรษที่ผ่านมา HTML 5 ไม่เพียง แต่ใช้เป็นตัวแทนของเนื้อหาเว็บเท่านั้น ได้มาตรฐาน ลองมาดูภาพรวมทางเทคนิคของ HTML5:
HTML5 ได้เพิ่มองค์ประกอบมัลติมีเดียและการโต้ตอบมากมายเช่นวิดีโอและเสียง ไม่เป็นไรสะดวกพอ ๆ กับแท็ก IMG ในแง่ของเค้าโครงหน้าและการใช้งานเนื้อหา HTML5 ได้เพิ่มองค์ประกอบแท็กที่มีโครงสร้างจำนวนมากองค์ประกอบระดับบล็อกและความหมาย . มันมีแอตทริบิวต์ค่าอธิบายจำนวนงานที่เสร็จสมบูรณ์และแอตทริบิวต์สูงสุดอธิบายจำนวนงานที่จำเป็นทั้งหมด เปอร์เซ็นต์ของงานที่เสร็จสมบูรณ์ YouTube ได้พยายามในเทคโนโลยี HTML5 แน่นอนว่า HTML5 ยังได้เพิ่มแอตทริบิวต์บางอย่างในองค์ประกอบบางอย่างเช่นแอตทริบิวต์ตัวยึดของอินพุตและ textarea ซึ่งเทียบเท่ากับการรับส่งข้อมูลของกล่องอินพุต สคริปต์ สำหรับแอตทริบิวต์ทั่วไป HTML ทั้งหมดเรามักจะเรียกพวกเขาว่า "แอตทริบิวต์ทั่วโลก" เช่นคลาส, ID, TabIndex, ชื่อเรื่อง HTML5 ยังเพิ่มการสนับสนุนสำหรับ microdata เช่นแอตทริบิวต์ใหม่ของรายการ, itempro, หัวเรื่อง ฯลฯ ใน HTML5
แน่นอนว่า HTML5 ยังลบองค์ประกอบบางอย่างที่แสดงถึงการแสดงหน้าเช่นตัวอักษร, ศูนย์, การนัดหยุดงาน ฯลฯ สิ่งเหล่านี้ควรทำโดย CSS ดังนั้นจึงยังเข้าใจได้ง่าย ลบออกเช่นเฟรม, เฟรมเซ็ต, noframe และองค์ประกอบที่ผิดปกติบางอย่างเช่นตัวย่อและ ABBR ใช้เพื่อแสดงตัวย่อ HTML5 ยังลบความคุ้นเคย HTML บางอย่างที่มีผลต่อความเข้ากันได้ของลูกค้าเช่นแอตทริบิวต์ REV ของลิงก์และแอตทริบิวต์ขอบเขตของ TD;
HTML5 จัดเตรียมประเภทการควบคุมที่ทรงพลังเช่น URL, อีเมล, วันที่, โทร, ฯลฯ , คุณสมบัติข้อ จำกัด ที่ทรงพลังเช่นคุณลักษณะการยอมรับสำหรับการอัปโหลดไฟล์และรูปแบบการสนับสนุนองค์ประกอบที่ซ้ำกัน วิธีการส่ง XML เพื่อให้ข้อมูลที่ได้รับจากเซิร์ฟเวอร์จะอยู่ในรูปแบบ XML และแบบฟอร์ม HTML5 ถูกกำหนดเป็น "Web Forms 2.0"
คลิกที่นี่เพื่อดูเว็บฟอร์ม 2.0 การสาธิต, opera9.5+ เป็นสิ่งจำเป็น
อินเทอร์เฟซ HTML5 จำนวนมากสืบทอดมาจาก HTMLDOCUMENT ใน DOM ระดับ 2 HTML เลือกวัตถุของตัวเลือกมีสองวิธีใน querySelector และ querySelectorall ที่สามารถรับองค์ประกอบที่จะสอบถามตามตัวเลือก CSS ซึ่งเทียบเท่ากับ Y.One และ Y.All ใน YUI3
API ใดที่ HTML5 เพิ่มลงใน JavaScript
วิดีโอ/เสียง: HTML5 จัดเตรียม APIs สำหรับวิดีโอและเสียงเพื่อให้นักพัฒนาควบคุมส่วนต่อประสานผู้ใช้ของตนเองเช่นการเล่นหรือการหยุดเนื้อหาสื่อ
Canvas: Canvas เป็นองค์ประกอบ HTML ใหม่ที่สามารถใช้งานได้ด้วยภาษาสคริปต์ (โดยปกติแล้ว JavaScript) เพื่อวาดกราฟิก ตัวอย่างเช่นสามารถใช้ในการวาดรูปภาพสังเคราะห์ภาพหรือทำภาพเคลื่อนไหวง่าย ๆ (และไม่ง่าย) Canvas เป็นสิ่งมหัศจรรย์ Fillstyle หรือตั้งค่าสีจังหวะผ่าน Strokestyle และแม้แต่การทำงานของเส้นทางการวาดภาพก็เกิดขึ้นพร้อมกับการทำงานของปากกาของ Photoshop Canvas มีแอพพลิเคชั่นในหลาย ๆ เว็บไซต์เช่นสถิติสถานะการดาวน์โหลดแบบเรียลไทม์ของ Firefox และคุณยังสามารถใช้ Canvas เพื่อเขียนเกมบนเว็บได้
Drag & Drop: ในสื่อภาพที่ระบุอุปกรณ์การทำงานของ "Drag" เป็นเหตุการณ์ของเมาส์ลงและ mousemove กับ mousemove และ "drop" เป็นเหตุการณ์ที่เกิดขึ้นเมื่อเมาส์ถูกปล่อยออกมา อินเทอร์เฟซ DataEvent และ DataTransfer ถูกกำหนดไว้ในการลากและดรอป
ผู้ปฏิบัติงานบนเว็บ: สร้างมัลติเธรดจาวาสคริปต์และสามารถทำงานได้มากมายในพื้นหลังโดยไม่ต้องปิดกั้นการดำเนินการเบราว์เซอร์ปัจจุบัน
GEOLICATION: GEOLOCATION วัตถุตำแหน่ง บนโทรศัพท์มือถือบางรุ่นเช่น iPhone
แอปพลิเคชันแคช: นี่คือการสนับสนุนของ HTML5 สำหรับแอปพลิเคชันออฟไลน์ . แคชไฟล์ที่ต้องการและคุณยังสามารถใช้แอปพลิเคชันนี้เมื่อเครือข่ายของคุณไม่สามารถใช้งานได้ สำหรับแอพพลิเคชั่นออฟไลน์ Google ได้พัฒนาส่วนขยายเบราว์เซอร์ Google Gears แต่ในที่สุดการเปลี่ยนไปใช้ HTML5 ของ Google อาจเห็นข้อดีของการจัดเก็บ HTML5 และแอปพลิเคชันออฟไลน์
ที่เก็บข้อมูล: WebKit ได้ใช้ที่เก็บข้อมูลฐานข้อมูลคุณสามารถสอบถามข้อมูลและดำเนินการบางอย่างเช่นฐานข้อมูลการดำเนินการแบ็กเอนด์ มีพื้นที่เก็บข้อมูลอีกประเภทหนึ่งเช่น SessionStorage และ LocalStorage ซึ่งสามารถจัดเก็บและได้รับผ่าน SetItem และ GetItem
การส่งข้อความ X-Document: เบราว์เซอร์บล็อกการสื่อสารของเอกสารระหว่างโดเมนที่แตกต่างกันเนื่องจากความปลอดภัยและความเป็นส่วนตัว การสื่อสารข้ามเอกสารสามารถทำได้ช่วยให้เราไม่สนใจว่าโดเมนต้นทางมาจากไหนและในเวลาเดียวกันก็ป้องกันการโจมตีสคริปต์
HTML5 ทำให้คุณตื่นเต้นหรือไม่? ดังนั้น HTML5 จะกลายเป็นมาตรฐานเมื่อใด ว่ากันว่ามันจะเป็นจนถึงปี 2022 และมีเว็บไซต์ที่น่าสนใจมาก http://ishtml5readyyet.com/ เพื่อบอกคุณว่ามีกี่วันใน HTML5