หากคุณกำลังสร้างเทมเพลตตั้งแต่เริ่มต้น คุณจะต้องเริ่มต้นจากบางสิ่ง เมื่อพิจารณาว่ามาตรฐาน HTML5 นั้น "แพร่หลายไปทั่วประเทศ" ในบทความนี้ ผมจะยกตัวอย่างเทมเพลต HTML5 เปล่าๆ
มาตรฐานใหม่ทำให้ง่ายขึ้นมาก และตอนนี้ส่วนพื้นฐานมีลักษณะดังนี้:
...
แท็ก HTML5 ใหม่ใน HTML5 มีการแนะนำแท็กใหม่หลายแท็กสำหรับโครงสร้างโค้ด: , , , , ซึ่งในบางกรณีจะแทนที่แท็กปกติ สิ่งนี้ทำสำหรับโรบ็อตการค้นหาเพื่อให้สามารถจดจำโค้ดของหน้าได้ดีขึ้นและแยกเนื้อหาหลักออกจากองค์ประกอบเสริม
เมื่อใช้แท็กใหม่ เทมเพลต HTML5 เปล่าอาจมีลักษณะดังนี้:
ชื่อหน้า เมนูการนำทาง แถบด้านข้าง เนื้อหาแถบด้านข้าง - เนื้อหาหลักของหน้า ส่วนท้ายของไซต์
ทำให้การเขียน DOCTYPE ง่ายขึ้นมาจำไว้ว่าเมื่อก่อนใน HTML4 แท็ก DOCTYPE มีลักษณะดังนี้:
ตอนนี้การบันทึกมีน้อย คงไม่ง่ายกว่านี้อีกแล้ว:
การลดความซับซ้อนที่คล้ายกันนี้เกิดขึ้นกับแท็กอื่นๆ ดังนั้นการเปลี่ยนไปใช้มาตรฐาน HTML5 จึงทำให้การเขียนง่ายขึ้นอย่างมาก
แท็กเสริมใน HTML5มาตรฐานใหม่นี้ช่วยให้นักออกแบบเลย์เอาต์รู้สึกโล่งใจขึ้นมาก โดยเฉพาะอย่างยิ่ง การใช้องค์ประกอบ HTML, HEAD และ BODY นั้นไม่จำเป็นสำหรับมาร์กอัป HTML5 อีกต่อไป หากไม่มีอยู่ เบราว์เซอร์จะยังคงคิดว่ามีอยู่ ที่จริงแล้ว สิ่งเดียวที่เหลือที่จำเป็นใน HTML5 คือ .
การตีความภาษารัสเซียเป็นภาษาหลักของเอกสาร HTMLแท็ก กำหนดภาษาของเอกสาร การสนทนามักเกิดขึ้นบนอินเทอร์เน็ตเกี่ยวกับการสะกดที่ถูกต้อง โดยเฉพาะการสะกดคำว่า "ru-RU" ที่ถูกต้อง ฉันมีแนวโน้มที่จะเชื่อว่า "-RU" ซ้ำซ้อนเนื่องจากภาษารัสเซียไม่มีภาษาถิ่นและการสะกดคำเหมือนภาษาอังกฤษ (อังกฤษและอเมริกัน) ส่วนต่อท้าย RU ระบุตำแหน่งที่พูดภาษารัสเซีย นั่นคือถ้า en-US แปลว่า "ภาษาอังกฤษตามที่พูดในสหรัฐอเมริกา" ดังนั้น ru-RU แปลว่า "ภาษารัสเซียตามที่พูดในรัสเซีย" ซึ่งซ้ำซ้อน
อย่างไรก็ตาม จะไม่มีอะไรเลวร้ายเกิดขึ้นหากคุณยังคงใช้ตัวเลือก "ru-RU" ต่อไป
แม้ว่าจะมีระบบ CMS ที่แตกต่างกันมากมาย แต่แนวทางการพัฒนาเว็บแบบเก่ายังคงมีความเกี่ยวข้อง โดยเฉพาะอย่างยิ่งเมื่อพูดถึงเทมเพลต HTML5 และ CSS3 สมัยใหม่ ใช่ หากคุณมีงานพิเศษ การใช้เอ็นจิ้นสำเร็จรูปประเภทสำหรับร้านค้าออนไลน์หรือบล็อกก็สมเหตุสมผล แต่บ่อยครั้งที่คุณสามารถสร้างเว็บไซต์ได้โดยไม่ต้องใช้เครื่องมือเหล่านั้น
หากลูกค้าต้องการโครงการที่เรียบง่ายหรือขนาดเล็ก ไม่ว่าจะเป็นนามบัตรเว็บขององค์กรที่มีสองหน้าหรือหน้า Landing Page โซลูชันที่จะกล่าวถึงในวันนี้ก็เพียงพอแล้ว ก่อนหน้านี้ เราเขียนเกี่ยวกับการนำเสนอการออกแบบที่แปลเป็นภาษาท้องถิ่น 20 แบบ แต่วันนี้เราต้องการสร้างตัวเลือกที่เป็นสากลมากขึ้นสำหรับกลุ่มเฉพาะใดๆ และใช้เทคโนโลยี HTML5 ในเลย์เอาต์
ตามเนื้อผ้า เราเริ่มต้นโพสต์ด้วยสื่อฟรีที่เหมาะสำหรับผู้เริ่มต้นและผู้ที่ไม่ต้องการลงทุนจำนวนมากในการพัฒนาทรัพยากรบนเว็บในตอนแรก แม้จะมีสถานะ “ฟรี” แต่สิ่งเหล่านี้ก็เป็นตัวเลือกที่ดีมากที่ช่วยให้คุณสามารถนำแนวคิดของคุณไปใช้เพื่อนำเสนอธุรกิจออนไลน์ได้อย่างรวดเร็ว แน่นอนว่าเมื่อเปรียบเทียบกับธีม TemplateMonster แบบชำระเงิน ฟังก์ชันการทำงานก็เรียบง่ายกว่า + ไม่มีการสนับสนุนทางเทคนิค
เดล
เทมเพลตพร้อมแถบเลื่อนและชุดเครื่องมือการทำงานที่จำเป็นสำหรับการสร้างเว็บไซต์ที่มีสีสันและมีประสิทธิภาพสำหรับสตูดิโอเว็บ - มีผลงานเจ๋งๆ แบบฟอร์มติดต่อ และส่วนท้ายที่สดใส นอกจากนี้ยังมีหน้าเว็บหลายประเภทสำหรับการโพสต์ข้อมูลที่เป็นประโยชน์ทุกประเภท + การออกแบบสีสันที่สวยงาม ไม่น่าแปลกใจเลยที่โซลูชันนี้ค่อนข้างได้รับความนิยมในหมู่ผู้ใช้
การออกแบบค่อนข้างเรียบง่ายแม้ว่าจะมีกราฟิกและเอฟเฟกต์การเลื่อนมากมายก็ตาม ตำแหน่งของแถบด้านข้างมีตัวเลือกต่างๆ กัน เช่น ข้อความแบบอ่านยาวจะแสดงอยู่ในหน้าหลัก ทุกอย่างมีมาตรฐาน มีสไตล์ และไม่ซับซ้อน คุณจะสามารถโพสต์ข้อมูลที่จำเป็นทั้งหมดได้ที่นี่
เค้าโครงมีบล็อคข้อมูลมากมาย: พอร์ตโฟลิโอ องค์ประกอบข้อความ แบบฟอร์มคำติชม และรายการข้อดีของบริษัท การใช้งานที่ค่อนข้างปกติสำหรับเว็บไซต์มืออาชีพประเภทนี้ แต่มีการออกแบบดั้งเดิมของตัวเอง อย่างไรก็ตาม สีเข้มในส่วนหัวและส่วนท้ายก็ดูดี ข้อวิจารณ์เพียงอย่างเดียวคือแบบอักษรของข้อความมีขนาดเล็กไปหน่อย
อารัมภบท
หากคุณกำลังมองหาโซลูชันสำหรับพอร์ตโฟลิโอส่วนตัวของคุณ คุณสามารถดาวน์โหลดเทมเพลตเว็บไซต์ HTML5 ฟรีที่เรียกว่า Prologue ได้อย่างปลอดภัย ต่างจากที่อื่น ๆ ส่วนใหญ่ในพื้นที่นี้ โดยจะใช้บล็อกการนำทางแบบตายตัวในแถบด้านข้างทางด้านซ้าย ช่วยให้คุณข้ามไปยังตำแหน่งที่ต้องการบนหน้าเลื่อนได้อย่างรวดเร็ว (ขวา) รูปลักษณ์เรียบง่ายแต่ดูดีมาก
เหมาะสำหรับโครงการในด้านสกุลเงินดิจิทัล กิจกรรมการลงทุน และพื้นที่ที่คล้ายกัน มันดูค่อนข้างเข้มงวด ทันสมัย และเป็นทางการ มีบล็อกข้อมูลที่แตกต่างกัน: อัตราแลกเปลี่ยน แบบฟอร์ม กราฟ การแบ่งออกเป็นคอลัมน์และรายการ ทุกอย่างมีการปรับตัวอย่างสมบูรณ์
การออกแบบนี้เหมาะสำหรับแฟ้มผลงานส่วนตัวหรือเป็นเว็บการ์ดระดับมืออาชีพสำหรับสตูดิโอขนาดเล็ก ใช้ Bootstrap v4 ที่นี่ นอกเหนือจากฟังก์ชันแบบคลาสสิกแล้ว คุณจะพบกับ: การแบ่งเนื้อหาออกเป็นแท็บ แท็บที่มีสไตล์ดั้งเดิม เมนูแบบเลื่อนลง บทวิจารณ์ ปุ่มคำกระตุ้นการตัดสินใจ และอีกมากมาย ตัวเลือกนี้คุ้มค่าจริงๆ แถมยัง "สด" ด้วย
แม้ว่าชื่อและกราฟิกในรูปแบบนี้จะมุ่งเป้าไปที่หัวข้อเฉพาะและหัวข้อเดียว แต่ก็สามารถนำไปใช้ในหัวข้ออื่นได้ (คุณเพียงแค่ต้องเปลี่ยนข้อความและรูปภาพ) ทั้งในด้านการใช้งานและการมองเห็น Horse Crew นั้นคล้ายคลึงกับเทมเพลตหน้า Landing Page มาตรฐานที่มีเค้าโครง HTML5 และ CSS3 แต่ในเมนูด้านบน คุณจะพบลิงก์ไปยังตัวอย่างของหน้าประเภทต่างๆ เช่น รายชื่อติดต่อ บริการ แกลเลอรี ฯลฯ
นอกจากนี้ที่ยอดเยี่ยมสำหรับการเลือกของเรา ไม่เพียงแต่ดูเท่ แต่ยังประกอบด้วยคุณสมบัติที่มีประโยชน์มากมาย: แถบเลื่อนขนาดใหญ่ที่น่าทึ่งในส่วนหัว บทวิจารณ์ บทความในบล็อก บล็อกเมนูสีสันสดใส และอาหารที่ดีที่สุด ทางเลือกที่ดีสำหรับช่องนี้
นี่คือเทมเพลตเว็บไซต์ HTML5 ที่ตอบสนองฟรีสำหรับแอปพลิเคชันมือถือโดยเฉพาะ คุณลักษณะที่จำเป็นทั้งหมดอยู่ที่นี่: กราฟิกที่สดใสตลอดความกว้างของหน้า แบบอักษรขนาดใหญ่ ลิงก์ดาวน์โหลด ฯลฯ ฟังก์ชั่นพิเศษขั้นสูงเพิ่มเติม ได้แก่ ปุ่มที่ปรับแต่งได้และเมนูคงที่พร้อมภาพเคลื่อนไหว
การออกแบบเว็บไซต์อีกรูปแบบหนึ่งที่เหมาะสำหรับรูปแบบพอร์ตโฟลิโอสำหรับฟรีแลนซ์และผู้เชี่ยวชาญอื่นๆ ทุกอย่างที่นี่ถูกนำไปใช้อย่างสร้างสรรค์พร้อมภาพเคลื่อนไหว ดังนั้นคุณจะต้องสร้างความประทับใจให้ผู้เยี่ยมชมอย่างแน่นอน มีหลายตัวเลือกในการแสดงผลงาน แบ่งหน้าออกเป็นคอลัมน์ และรองรับการแสดงบล็อกโพสต์อย่างมีสไตล์บนหน้าหลัก หนึ่งในตัวเลือกที่ดีที่สุดของวันนี้
รูปแบบที่สร้างสรรค์และผิดปรกติในการแสดงข้อมูลบนไซต์ - ในรูปแบบที่ดีที่สุด ในแง่ของการมุ่งเน้น นี่เป็นผลงานออนไลน์อีกครั้ง การใช้งานประกอบด้วยรูปภาพขนาดใหญ่ในส่วนหัว รายการบริการ และผลงานที่ดีที่สุด นอกจากนี้ยังมีส่วนท้าย 4 คอลัมน์
เทมเพลต HTML5 ที่ตอบสนองอย่างมืออาชีพแน่นอนว่าการใช้โซลูชั่นฟรีนั้นมีราคาถูกกว่า แต่ไม่ใช่ว่านักพัฒนาทุกคนจะเสนอผลิตภัณฑ์ที่มีคุณภาพเหมือนกัน ในบางกรณี คุณอาจประสบปัญหา/ข้อผิดพลาดขณะใช้งานธีมเฉพาะ นอกจากนี้ ผู้เขียนหลายคนไม่สนับสนุนหรืออัปเดต "ผลิตผล" ของตนในอนาคต ตัวเลือกนี้เหมาะสำหรับ “ความพยายามทดสอบ” เพื่อสร้างเว็บไซต์ หรือเมื่อคุณเอง (หรือพนักงานของคุณ) มีความเชี่ยวชาญในการสร้างเว็บไซต์
หากคุณไม่ต้องการเจาะลึกรายละเอียดปลีกย่อยเหล่านี้ทั้งหมด แต่ต้องการได้โครงการสำเร็จรูปที่ครบครันทันทีเพื่อทำงานร่วมกับลูกค้าและคู่ค้าของคุณ ก็ควรเลือกโซลูชันระดับพรีเมียม ในไฟล์เก็บถาวร TemplateMonster คุณจะพบส่วนทั้งหมดเกี่ยวกับการออกแบบ HTML5 ซึ่งรวบรวมเฉพาะเค้าโครงคุณภาพสูงที่ผ่านการพิสูจน์แล้วเท่านั้น ค่าใช้จ่ายจะไม่แตกต่างจากบริการที่เกี่ยวข้องในสตูดิโอออกแบบเว็บไซต์มากนัก นอกจากนี้ คุณยังได้รับการสนับสนุนด้านเทคนิคที่รับประกัน - ถามคำถามกับผู้เชี่ยวชาญทุกครั้งที่คุณมี
ด้านล่างนี้คือเทมเพลตเว็บไซต์ HTML5 และ CSS3 ที่จ่ายเงินดีที่สุดบางส่วน บางส่วน (อันที่ใหม่กว่า) จะมีคำอธิบายสั้น ๆ ครึ่งหลังจะเป็นเพียงภาพหน้าจอและลิงก์ไปยังหน้าดาวน์โหลด
เริ่มจากข้อเท็จจริงที่ว่า The Future เป็นเทมเพลต HTML5 อเนกประสงค์ ดังนั้นเมื่อใช้งานเทมเพลตนี้ คุณจะสามารถเปิดตัวโปรเจ็กต์ออนไลน์ที่ครอบคลุมหัวข้อต่างๆ ได้จริง ในแพ็คเกจเทมเพลต คุณจะพบส่วนประกอบต่อไปนี้:
- เลย์เอาต์ HTML ของหน้าสำเร็จรูปมากกว่า 60 แบบซึ่งมีตัวเลือกที่จำเป็นทั้งหมดแล้ว
- องค์ประกอบเว็บมากกว่า 400 รายการ ใช้งานง่ายและปรับแต่ง
- 7+ รูปแบบสำหรับหน้าหลักของทรัพยากรของคุณ ฯลฯ
การออกแบบแต่ละแบบที่สร้างไว้ในธีม The Future นั้นปลอดโค้ด 100 เปอร์เซ็นต์ ดังนั้นผู้ใช้ที่มีระดับการฝึกอบรม/ประสบการณ์ใดๆ จะไม่มีปัญหาใดๆ กับมัน ในทางกลับกัน หากใครมีความปรารถนาที่จะเล่นกับโค้ดและแก้ไขมัน ก็ทำเลย
ตัวเลือกที่โดดเด่นอื่นๆ สำหรับ The Future ได้แก่:
- ความเข้ากันได้ของเบราว์เซอร์เต็มรูปแบบ
- เมนูเหนียว;
- ปลั๊กอิน MegaFooter;
- Swiper Slider และ Owl Carousel;
- พื้นหลังวิดีโอ Parallax ฯลฯ
โซลูชันที่หรูหรานี้จะช่วยให้คุณออกแบบเว็บไซต์ที่เกี่ยวข้องกับทุกสิ่งที่เกี่ยวข้องกับรถยนต์ได้อย่างรวดเร็วและง่ายดาย ไม่ต้องพูดเลยว่าในปี 2019 ช่องอีคอมเมิร์ซยังคงเป็นโมเดลธุรกิจที่ได้รับความนิยมมากที่สุดใช่ไหม และที่นี่หากไม่มีโครงสร้างที่คิดมาอย่างดีและฟังก์ชั่นที่เหมาะสมก็ยากที่จะแข่งขันกับคู่แข่งได้ แตกต่างจากเทมเพลต Wordress สำหรับยานยนต์ทั่วไป ProCar มีองค์ประกอบ UI และตัวเลือกที่จำเป็นทั้งหมดเพื่อเปิดตัวร้านค้าบนเว็บที่ประสบความสำเร็จ
นอกจากนี้ภายในไฟล์เก็บถาวรผู้ใช้จะพบ:
- มากกว่า 25 หัวข้อ;
- รูปแบบสำเร็จรูปหลายรูปแบบสำหรับส่วนหัวและส่วนท้าย
- แบบฟอร์มการติดต่อต่างๆ
- อ่านได้และอีกมากมาย
แม้ว่าการมีแกลเลอรีสีสันสดใสไม่ได้ทำให้ใครแปลกใจมาเป็นเวลานาน แต่ก็ยังเป็นหนึ่งในประเด็นหลักของโครงการออนไลน์ ไม่ว่าใครจะพูดอะไร ผู้คนก็ชอบวัตถุที่มองเห็นได้ นี่คือวิธีการทำงานของสมองมนุษย์: ง่ายกว่ามากสำหรับการรับรู้ ประมวลผล และจดจำข้อมูลที่นำเสนอในรูปแบบนี้ นั่นคือเหตุผลที่ผู้สร้างเทมเพลต Divers ได้เพิ่มสไตล์ต่างๆ ให้กับแกลเลอรีของคุณ รวมถึง:
- กริด
- ก่ออิฐ.
- หินกรวด ฯลฯ
หากคุณต้องการสร้างเอฟเฟกต์สุดเจ๋ง โซลูชันในตัวที่เรียกว่า Material Prallax คือสิ่งที่คุณต้องการอย่างแน่นอน! ด้วยความช่วยเหลือนี้ คุณสามารถสร้างพื้นหลังพารัลแลกซ์ที่น่าประทับใจได้โดยไม่ต้องใช้ความพยายามใดๆ เพิ่มเติม เพิ่มการตอบสนอง 100% โค้ดที่เป็นมิตรกับ SEO และองค์ประกอบการออกแบบในตัวมากมาย
ตัวเลือกนี้เหมาะอย่างยิ่งสำหรับผู้ที่ต้องการสร้างไซต์ (หรือไซต์) สำหรับกีฬาโดยเฉพาะ เพราะ... มันเป็นอเนกประสงค์และมีธีมลูกมากถึง 6 ธีม (อีก 5 ธีมอยู่ในแผน)! แต่ละรายการมีตัวเลือกและชุดหน้าสำเร็จรูปที่หลากหลายซึ่งครอบคลุมหัวข้อต่างๆ เช่น:
- ฟุตบอล;
- บาสเกตบอล;
- เบสบอล;
- บิลเลียด;
- โบว์ลิ่ง;
- รักบี้.
นั่นคือคุณสามารถดาวน์โหลดเทมเพลต AllStar HTML5 และใช้เพื่อปรับใช้ทรัพยากรในหัวข้อกีฬาต่างๆ นอกจากนี้คุณจะได้รับบล็อกเนื้อหาสำเร็จรูปจำนวนมากที่สร้างขึ้นสำหรับการนำเสนอสถิติกีฬาโดยเฉพาะและคุณจะพบกับการนำเสนอโพสต์บล็อกในรูปแบบที่มีสไตล์ นอกจากนี้ ภายใน Allstar ยังมี Theme Color Switcher ที่สะดวกสบาย ซึ่งจะเปลี่ยนธีมได้ในเวลาเพียงไม่กี่วินาที
แวนด้า
นี่เป็นโอกาสที่ดีในการเปรียบเทียบเนื้อหาของการออกแบบระดับพรีเมียมและฟรี ไม่เหมือนกับเทมเพลต HTML5 ฟรีสำหรับแอปพลิเคชัน (ยุคใหม่) ที่แสดงด้านบน เทมเพลตนี้ดูมีสไตล์มากกว่าและใช้งานได้ดีกว่ามากอย่างแน่นอน Vanda สร้างขึ้นบน Bootstrap 4 และตรงตามข้อกำหนดของเครื่องมือค้นหาล่าสุดทั้งหมด คุณจะได้รับหน้าพร้อมใช้งานหลายสิบหน้าในชุดอุปกรณ์ทันที:
- 3 ตัวเลือกสำหรับหลัก
- 12 ตัวเลือกสำหรับการโพสต์บล็อก
- 6 รูปแบบหน้าข้อผิดพลาด;
- 6 สไตล์สำหรับหน้าเร็ว ๆ นี้;
- รวมถึงความเข้ากันได้อย่างสมบูรณ์กับโซเชียลเน็ตเวิร์กยอดนิยมในปัจจุบันทั้งหมด
แน่นอนว่าแต่ละหน้าสามารถปรับเปลี่ยนได้ 100% หลังจากการซื้อ คุณสามารถเปลี่ยนวัตถุใด ๆ ได้อย่างรวดเร็วตามความต้องการและวัตถุประสงค์ส่วนตัวของคุณ
คุณคงเคยได้ยินหรืออ่านเกี่ยวกับเว็บไซต์ที่ช่วยให้คุณสามารถแก้ไขได้อย่างรวดเร็วไม่เพียงแต่เนื้อหาเท่านั้น แต่ยังรวมถึงรูปลักษณ์ของพวกเขาด้วย สิ่งนี้ถูกนำไปใช้ผ่านโมดูลในตัวต่างๆ เช่น Elementor Page Builder, Jet Plugins, Live Tools เป็นต้น
ไม่น่าแปลกใจเลยที่นักพัฒนาจาก Templatemonster ตัดสินใจสร้างผลิตภัณฑ์ที่คล้ายกันสำหรับทรัพยากรบนเว็บที่เรียบง่ายกว่า เนื้อหาของทางเลือก HTML5 นั้นไม่ได้แย่ไปกว่านั้น:
- เค้าโครงหน้า HTML 500 แบบ: ปกติ, บล็อกเกอร์, ร้านค้า, พอร์ตโฟลิโอ ฯลฯ ;
- รูปแบบส่วนหัวและส่วนท้ายสองสามแบบ
- แถบเลื่อน;
- เอฟเฟกต์พารัลแลกซ์และแกลเลอรี่ภาพ
- เมนูทรงพลัง
- รองรับ SEO และอื่นๆ อีกมากมาย
มาเลีย
เทมเพลต HTML5 + CSS3 ที่ตอบสนองได้ดีอีกแบบหนึ่ง - รวดเร็ว น้ำหนักเบา พร้อม . เดิมทีถูกสร้างขึ้นเพื่อใช้ในพอร์ตการลงทุนออนไลน์ แต่เหมาะสำหรับด้านอื่นๆ ภายในคุณจะพบกับ:
- หน้า HTML พื้นฐาน 54 หน้า + เพิ่มเติม 33 หน้า;
- 3 สไตล์ที่แตกต่างกันสำหรับทั้งไซต์ (ดูภาพหน้าจอ);
- โทนสีที่สบายตา + การออกแบบเว็บที่สร้างสรรค์และตอบสนองได้ดี
แต่ละสไตล์ที่กล่าวถึงทั้งสามยังมีหน้าเว็บ 6 ประเภท: หลัก, มืด, สว่าง, อนุภาค, สไลด์โชว์, วิดีโอ ยิ่งกว่านั้นคุณสามารถทิ้งทุกอย่างไว้ตามเดิมหรือแก้ไขตามที่คุณต้องการ อย่างไรก็ตาม กระบวนการปรับแต่งนั้นค่อนข้างง่ายและรวดเร็ว คุณไม่จำเป็นต้องเข้าถึงซอร์สโค้ดด้วยซ้ำ
เลย์เอาต์ HTML5 ที่สร้างสรรค์นี้สามารถใช้กับโปรเจ็กต์ออนไลน์ที่อุทิศให้กับงานศิลปะ ศิลปิน สตูดิโอศิลปะ ฯลฯ แน่นอนว่ามันเหมาะสำหรับผู้ใช้ที่ต้องการขายผลงานทางออนไลน์ ในแง่ของฟังก์ชั่น ทุกอย่างสมเหตุสมผลที่นี่: แกลเลอรีทุกประเภท, วิดีโอพื้นหลัง, แถบเลื่อน, โปรแกรมแก้ไขภาพ, แบบอักษรของ Google และสคริปต์ที่มีประโยชน์อื่น ๆ
มีพื้นฐานมาจากการออกแบบที่ตอบสนองอย่างเต็มที่ซึ่งสร้างขึ้นบน Bootstrap 4 ด้วยความเข้ากันได้กับอุปกรณ์ใดๆ ผู้เยี่ยมชมจึงไม่สนใจว่าอุปกรณ์ใดที่ผู้เยี่ยมชมจะชอบเมื่อเยี่ยมชมแหล่งข้อมูลของคุณ - มันจะดูเป็นมืออาชีพเสมอ ไม่ต้องสงสัยเลยว่าขั้นตอนดังกล่าวจะปรับปรุงความสัมพันธ์ของคุณกับผู้ชม ทำให้ง่ายต่อการเยี่ยมชมเว็บไซต์
เวลาเบียร์
โซลูชันที่ทันสมัยนี้จะช่วยให้คุณเปิดตัวโครงการเว็บที่น่าสนใจโดยเฉพาะสำหรับบาร์ ผับ หรือสถานประกอบการและร้านกาแฟอื่นๆ เช่นเดียวกับในกรณีอื่นๆ คุณสามารถแก้ไขเนื้อหาของคุณและสร้างหน้าใหม่ได้โดยไม่ต้องมีประสบการณ์ในการพัฒนาเว็บมากนัก และต้องขอบคุณ Novi Builder ซึ่งรวมอยู่ในชุดประกอบ
โปรแกรมแก้ไขเนื้อหานี้เรียบง่ายและสะดวกมาก มีแผงที่ใช้งานง่าย องค์ประกอบการออกแบบขั้นพื้นฐาน ตัวเลือก คุณสมบัติ และส่วนประกอบอื่นๆ ที่จำเป็นสำหรับเว็บไซต์จะพร้อมใช้งานตั้งแต่แรกและพร้อมใช้งาน คุณเพียงแค่ต้องตั้งค่าตัวเลือกที่จำเป็นและวางไว้ในตำแหน่งที่ต้องการ
ตัวเลือกนี้รวมตัวเลือกที่ต้องมีทั้งหมดสำหรับการเริ่มต้นตัวแทนที่ปรึกษาและอื่นๆ อีกมากมาย ในแพ็คเกจธีมการพัฒนา คุณจะพบกับ: แอนิเมชั่น CSS3, บล็อกที่พร้อมใช้งาน, Google Maps, สไตล์แกลเลอรีต่างๆ + พารัลแลกซ์ นอกจากนี้ยังมีป๊อปอัปจดหมายข่าวและรูปภาพฟรีเป็นโบนัส
นอกจากนี้ที่ดีทั้งหมดนี้ก็คือแบบฟอร์มการติดต่อที่ทันสมัย ตอนนี้เป็นสิ่งสำคัญมากที่จะช่วยให้ผู้มีโอกาสเป็นลูกค้าติดต่อคุณ และเขาหรือเธอควรจะดำเนินการได้โดยเร็วที่สุด นอกจากนี้ คุณควรทำซ้ำผู้ติดต่อในส่วนหัว/ส่วนท้าย หรือแม้แต่เลือกรายการเมนูพิเศษสำหรับวัตถุประสงค์เหล่านี้
... สุดท้ายนี้ เราขอเสนอเทมเพลตเว็บไซต์ที่เก่ากว่าเล็กน้อย แต่ก็น่าสนใจไม่น้อยใน HTML5
ทั้งหมด. เราได้เลือกเทมเพลตเว็บไซต์ HTML5 ที่ตอบสนองเจ๋งๆ 30 แบบให้คุณ ทั้งฟรีและพรีเมียม แม้ว่าส่วนใหญ่จะได้รับการปรับแต่งให้เหมาะกับหัวข้อเฉพาะ แต่คุณสามารถแทนที่กราฟิกและคำอธิบายด้วยกราฟิกของคุณเองได้ ไม่จำเป็นต้องเลือกตัวเลือกที่เหมาะสมกับสาขากิจกรรมของคุณ 100% ดูฟังก์ชันการทำงานเพิ่มเติม เกี่ยวกับการออกแบบระดับมืออาชีพหรือฟรี เราต้องจำไว้ว่าในตอนแรก นอกเหนือจากบล็อก/องค์ประกอบ ประเภทเพจ แหล่งที่มา PSD แล้ว ยังมีการสนับสนุนด้านเทคนิคอีกด้วย ซึ่งจะมีประโยชน์อย่างยิ่งสำหรับบางคน
Bootstrap เป็นเฟรมเวิร์กฟรอนต์เอนด์ที่ทรงพลังและสวยงามและใช้งานง่าย พัฒนาโดยทีมงาน Twitter นี่คือสภาพแวดล้อมการพัฒนา CSS และ JavaScript แบบโอเพ่นซอร์สสำหรับโครงการอินเทอร์เน็ตสมัยใหม่ แพลตฟอร์มการพัฒนาเว็บไซต์ที่ค่อนข้างใหม่ คุ้มค่าแก่การสำรวจอย่างแน่นอน โดยนำเสนอสิ่งที่มีประโยชน์มากมาย: รูปแบบของส่วนประกอบอินเทอร์เฟซ (ส่วนหัว แท็บ แถบนำทาง...) และองค์ประกอบ HTML (ปุ่ม แบบฟอร์ม แบบอักษร...) ข้อความค้นหาแบบปรับได้ , ปลั๊กอิน JS ฯลฯ
สาธิต | ดาวน์โหลด 18. ผลงานสร้างสรรค์ของ Sonic Sonic เป็นเทมเพลตตอบสนองฟรีที่ใช้ Bootstrap เวอร์ชัน 3.1.1 ด้วย FlexSlider ในหน้าหลัก เทมเพลตนี้มีพื้นฐานมาจากและเหมาะสำหรับการสร้างผลงานสร้างสรรค์
19.ทรงพลัง ทรงพลังคือเทมเพลต Bootstrap ที่ตอบสนองซึ่งใช้. คุณสมบัติหลักของเทมเพลต: รูปแบบที่ยืดหยุ่น การออกแบบที่สะอาดตา แถบเลื่อนบนหน้าหลัก ตัวกรองหมวดหมู่สำหรับพอร์ตโฟลิโอ
สาธิต | ดาวน์โหลด 20.403 กรรม 403 Karma เป็นเทมเพลต HTML5 ฟรีที่ใช้ Bootstrap ด้วยรูปแบบที่ปรับเปลี่ยนได้ การออกแบบเรียบๆ และการปรับขนาดพารัลแลกซ์ที่งดงาม เทมเพลตจึงดูดีบนอุปกรณ์พกพา
สาธิต | ดาวน์โหลด 21. Tonic Pro Tonic Pro สร้างขึ้นบน Twitter Bootstrap มาพร้อมกับแถบเลื่อน โปรแกรมแก้ไขภาพ CSS แบบกำหนดเอง (สำหรับการแก้ไขโค้ดที่ง่ายดาย) ไอคอนแบบอักษรที่ยอดเยี่ยม และทุกสิ่งที่ช่วยให้เว็บไซต์ของคุณโดดเด่นจากที่อื่น ชุดคุณสมบัติพื้นฐานที่มีประโยชน์ทั้งหมดมีให้ฟรี แต่คุณสามารถซื้อเทมเพลตเวอร์ชันพรีเมียมพร้อมฟังก์ชันการทำงานที่มากกว่ามากได้
สาธิต | ดาวน์โหลด 22. เทมเพลต HTML Bootstrap 3.0 ฟรี คุณจำเป็นต้องค้นหาเทมเพลตที่สะดุดตาสำหรับเว็บเพจส่วนตัว ผลงานออนไลน์ หรือเทมเพลตร้านอาหารที่เหมาะสำหรับบาร์ ร้านพิซซ่า ร้านกาแฟ หรือร้านอาหารขนาดเล็กหรือไม่? จะเป็นการดีกว่าที่จะป้องกันตัวเองจากปัญหาการปรับแต่งและมั่นใจในความสามารถของเทมเพลตในกรณีที่จำเป็นต้องขยายฟังก์ชันการทำงาน เทมเพลต HTML Bootstrap 3.0 ฟรีเป็นโซลูชันที่เหมาะสมอย่างยิ่งสำหรับสิ่งนี้ แม้ว่าจะถูกสร้างขึ้นเพื่อการศึกษา แต่คุณสามารถซื้อเทมเพลตต้นฉบับ (ที่มีโครงสร้างเหมือนกันทุกประการ) เพื่อสร้างโครงการเริ่มต้นของคุณเองได้ตลอดเวลา
สาธิต | ดาวน์โหลด 23. ทิวลิป Tulip เป็นเทมเพลตที่สร้างสรรค์พร้อมรูปแบบที่ปรับเปลี่ยนได้ เหมาะสำหรับการสร้างเว็บไซต์สำหรับสำนักงานกฎหมาย สำนักงานกฎหมาย บริษัทที่ปรึกษา และโครงการเชิงพาณิชย์จำนวนมากที่ต้องมีการออกแบบที่ทันสมัย เมื่อเลือกทิวลิป คุณจะได้รับเทมเพลตทางกฎหมายที่คุณสามารถใช้ได้ฟรีเพื่อวัตถุประสงค์ทางการค้า การออกแบบที่ใช้งานง่ายของเทมเพลตนี้ (เหมาะสำหรับผู้ใช้เดสก์ท็อปและมือถือ) จะช่วยให้โครงการเว็บในอนาคตประสบความสำเร็จเสมอ
สาธิต | ดาวน์โหลด 24. Andia – ธีม Bootstrap HTML ฟรี Andia เป็นธีม HTML แบบตอบสนองฟรีที่สร้างบน Bootstrap ประกอบด้วย: 5 ตัวอย่างของเพจที่ตอบสนองอย่างเต็มที่, หน้าพอร์ตโฟลิโอ, บริการ, เกี่ยวกับ, แบบฟอร์มติดต่อ Andia เหมาะสำหรับเอเจนซี่สร้างสรรค์ที่มีพอร์ตโฟลิโอ โครงการส่วนบุคคลหรือธุรกิจขนาดเล็ก คุณสมบัติและฟังก์ชันการทำงาน: รูปแบบที่ตอบสนอง, แถบเลื่อนรูปภาพที่ตอบสนอง, ความสามารถในการแสดงภาพถ่าย Flickr ของคุณด้วยการผสานรวมกับ Flicr Photostream, ความสามารถในการสร้างไอคอนตามแบบอักษรของไอคอน Font Awesome 4.0, ฟีด Twitter และอีกมากมาย
สาธิต | ดาวน์โหลด 25. Dellow Dellow เป็นธีมตอบสนองแบบเรียบง่ายพร้อมตัวเลือกระดับพรีเมียมมากมายที่คุณได้รับฟรี คุณสมบัติหลัก: ตัวเลื่อนพร้อมเอฟเฟกต์พารัลแลกซ์ในส่วนหัว, การนำทางหน้าด้วยหมายเลข, ตัวเลื่อนแบบปรับได้, ส่วนหัวและส่วนท้ายแบบกำหนดเอง, เลย์เอาต์ 4 หน้า, วิดเจ็ตแบบกำหนดเอง & การแสดงเวลา แผงการตั้งค่าที่มีประสิทธิภาพช่วยเพิ่มความสามารถในการแก้ไขและลดความซับซ้อนของกระบวนการแก้ไขธีม
สาธิต | ดาวน์โหลด 28. การสร้าง – เทมเพลต Responsive Bootstrap อุตสาหกรรมแบบแบน เทมเพลต Creation ได้รับการออกแบบมาเพื่อสร้างเว็บไซต์สำหรับบริษัทอุตสาหกรรม สามารถใช้กันอย่างแพร่หลายสำหรับการนำเสนอทางอินเทอร์เน็ตของบริษัทผู้ผลิตต่างๆ ตั้งแต่องค์กรขนาดเล็กไปจนถึงองค์กรการผลิตและโรงงานขนาดใหญ่ เทมเพลตนี้มีโทนสีที่เลือกสรรมาอย่างดี การจัดเรียงองค์ประกอบที่จัดอย่างดี และสไตล์และโครงสร้างของเค้าโครงตารางที่คิดมาอย่างดี คุณสมบัติหลักของเทมเพลต: HTML5, การตอบสนอง, ได้รับอนุญาตภายใต้ Creative Commons Attribution 3.0 สำหรับการใช้งานไม่จำกัด เทมเพลตประกอบด้วยไฟล์ต้นฉบับ: ไฟล์ HTML (.html), สไตล์ชีท (.css), รูปภาพ (.jpg/png/gif), ปลั๊กอิน JQuery (.js), ไฟล์ต้นฉบับ Photoshop (.psd), แบบอักษร (.ttf) .
สาธิต | ดาวน์โหลด 29. ร้านอาหารของฉัน ร้านอาหารของฉันเป็นเทมเพลตบูตสแตรปดั้งเดิมและมีสไตล์พร้อมแถบเลื่อน jQuery พื้นหลัง ซึ่งเป็นเมนู jQuery คงที่ซึ่งจะเปลี่ยนสีเมื่อวางเมาส์เหนือ — แกลเลอรี jQuery ซึ่งสามารถควบคุมได้ด้วยตัวชี้หรือล้อเมาส์ และสร้างไลท์บ็อกซ์ที่สวยงามพร้อมเอฟเฟกต์ทำให้พื้นหลังหลักมืดลง
สาธิต | ดาวน์โหลด 30. Corlate – เทมเพลต HTML สำหรับธุรกิจที่ตอบสนองฟรี Corlate เป็นเทมเพลตธุรกิจ HTML ที่ตอบสนองฟรีพร้อมแบบอักษร Font Awesome และภาพเคลื่อนไหว css3 ในตัว นอกจากนี้ยังมาพร้อมกับแถบเลื่อน Bootstrap ของตัวเอง เช่น ม้าหมุน รหัสย่อ ซึ่งช่วยให้คุณสามารถสร้างแท็บ แถบเลื่อนหีบเพลง และแม้แต่แกลเลอรีได้อย่างง่ายดาย นี่เป็นเทมเพลตที่ตอบสนองได้เต็มที่ น้ำหนักเบา และเร็วเป็นพิเศษ เว็บไซต์สำหรับบริษัทธุรกิจขนาดเล็ก โครงการสตาร์ทอัพ หรือหากคุณในฐานะบุคคลที่มีความสามารถ ต้องการเว็บไซต์เพื่อแสดงความคิดสร้างสรรค์ของคุณก็เหมาะอย่างยิ่ง
, บัดดี้เพรส และ บีบีเพรส Bootstrap เชื่อมต่อกับไฟล์ CSS เท่านั้น ธีมนี้ได้รับการออกแบบโดยใช้เค้าโครง 2 คอลัมน์และเหมาะสำหรับบล็อก 
สาธิต | ดาวน์โหลด 33. สิ่งล่อใจ Temptation เป็นธีม WordPress สีเข้มฟรีที่สร้างโดยใช้ Bootstrap 3 ธีม Retina ที่พร้อมใช้งานและตอบสนองอย่างเต็มที่นี้ใช้เค้าโครงตาราง มี Showcase, Nivo Slider และอื่นๆ อีกมากมาย ในแง่ของการผสมสีเข้ม นี่อาจเป็นหนึ่งในธีมที่ดีที่สุดจากที่เก็บ WordPress ทั้งหมด
สาธิต | ดาวน์โหลด 34. RICHY RICHY เป็นธีม Bootstrap HTML5/CSS3 อเนกประสงค์ที่ตอบสนองได้ดี มีการออกแบบที่สะอาดตาและปรับแต่งได้ง่าย
เทมเพลต HTML5 เป็นเว็บไซต์ที่ใช้งานง่ายและง่ายที่สุดในการสร้าง มาตรฐาน HTML 5 กำลังพัฒนาแบบไดนามิกทุกวัน: ฟังก์ชันและความสามารถใหม่
หากคุณต้องการสร้างเว็บไซต์ ความรู้เกี่ยวกับ HTML และ CSS ก็เพียงพอที่จะเริ่มต้นได้
คุณจะได้รับเลย์เอาต์แบบตอบสนองที่จะช่วยให้คุณสามารถปรับขนาดเทมเพลต HTML5 ไปยังแพลตฟอร์มต่างๆ (เดสก์ท็อป แท็บเล็ต โทรศัพท์) รวมถึงทีวีสมัยใหม่
เราขอนำเสนอเทมเพลต HTML5 ที่ปรับเปลี่ยนได้สำหรับบล็อก/นิตยสาร
ดูและดาวน์โหลดเทมเพลต HTML5 ฟรี และใช้ฟีเจอร์ทั้งหมดของ HTML 5, CSS3 และ jQuery
เทมเพลต Platz HTML – ตารางและนิตยสารฟรีรุ่นพิเศษจาก designcrazed นี้ใช้งานได้ฟรีสำหรับเว็บไซต์ใหม่ของคุณ เทมเพลตนี้ตอบสนองและมีประโยชน์มากมายสำหรับเพจ/โพสต์
โครงสร้างแบบตารางของเทมเพลตนิตยสาร/บล็อก HTML เหมาะสำหรับผู้ใช้ที่ต้องการดูโพสต์/ผลิตภัณฑ์เพิ่มเติมในหน้าเดียว
เทมเพลตเว็บไซต์ MaterialMag – Htmlได้รับแรงบันดาลใจจากแนวคิดการออกแบบวัสดุของ Google ธีมนี้พยายามทำเช่นเดียวกันเพื่อให้ดึงดูดสายตา การออกแบบเค้าโครงที่ตอบสนองควบคู่ไปกับเฉดสีที่น่าทึ่งทำให้เทมเพลตนี้คุ้มค่าแก่การพิจารณาสำหรับเว็บไซต์ข่าวและนิตยสารบรรณาธิการยุคถัดไปของคุณ
ฟีเจอร์สำหรับงานหนักที่มีเค้าโครงบล็อก/นิตยสารที่ตอบสนองไม่ซ้ำใคร ธีมนี้อยู่ในระดับเดียวกัน เพิ่มการดูหน้าเว็บและกิจกรรมของผู้เข้าชมได้มากถึง 200% ด้วยเทมเพลต HTML นี้ สามารถเข้าถึงหน้าภายในทั้งหมดได้จากส่วนหมวดหมู่ที่แสดงไว้ที่นี่
Moose เป็นเทมเพลตเว็บไซต์ HTML5 แบบตอบสนองที่สร้างด้วย Twitter Bootstrap 3 พร้อมตัวเลือกหน้านับไม่ถ้วน เหมาะสำหรับเจ้าของธุรกิจ ศิลปิน ช่างภาพ เอเจนซี่สร้างสรรค์ สตูดิโอดิจิทัล และฟรีแลนซ์ส่วนตัว เนื่องจากเป็นแบบตอบสนอง เลย์เอาต์จะปรับตามขนาดหน้าจอที่แตกต่างกัน ทำให้เว็บไซต์ของคุณเข้ากันได้กับอุปกรณ์ทุกชนิด เช่น สมาร์ทโฟน แท็บเล็ต หรือคอมพิวเตอร์เดสก์ท็อป
นิตยสารเป็นเทมเพลต HTML อเนกประสงค์ (นิตยสาร หนังสือพิมพ์ บล็อก) ที่มีรูปลักษณ์ที่สวยงามและตอบสนองได้อย่างเต็มที่ คุณสามารถใช้เป็นเทมเพลตเว็บไซต์ HTML สำเร็จรูปหรือปรับใช้กับ CMS ของคุณ
Enterprise เป็นเทมเพลต HTML สำหรับข่าวสาร นิตยสาร บล็อกที่มีการออกแบบแบบตอบสนอง ใช้งานได้ดีกับอุปกรณ์เคลื่อนที่ทุกชนิด เช่น แท็บเล็ตหรือโทรศัพท์มือถือ โดยไม่ตัดเนื้อหาใดๆ เลย! เหมาะสำหรับข่าวสารและบล็อก พร้อมด้วยวิดีโอและแกลเลอรีที่ฝังอยู่ในฟีดข่าว โพสต์สื่อ และโพสต์บล็อก
Marble เป็นเทมเพลตเว็บไซต์ HTML5 แบบบล็อกและตอบสนองที่สร้างด้วย Twitter Bootstrap พร้อมผลงานที่เป็นเอกลักษณ์ ประกอบด้วยเค้าโครงหน้า 6 แบบและ 2 บล็อก Marble จะมีประโยชน์สำหรับศิลปิน ช่างภาพ เอเจนซี่สร้างสรรค์ สตูดิโอดิจิทัล ฟรีแลนซ์ และเจ้าของธุรกิจที่ต้องการแสดงผลงานของตนอย่างสวยงาม
การแปล: วลาด เมอร์เซวิช
บทความนี้จะให้ชุดเทมเพลต HTML5 ที่คุณสามารถใช้ในโครงการของคุณได้ในขณะนี้ โดยไม่ต้องพูดถึงสาเหตุที่ทำให้ HTML5 ใช้งานได้ในปัจจุบันและไม่ใช่ในปี 2022
HTML5 ใน 5 วินาทีเป็นเรื่องง่ายที่จะได้รับมาร์กอัปที่กำหนดเป็น HTML5 - เพียงเปลี่ยน DOCTYPE ของคุณจากอันที่มีอยู่เป็น:
นั่นคือทั้งหมด! ไม่มีอะไรเพิ่มเติมที่จำเป็น
Google ได้ทำสิ่งนี้แล้ว ลองเข้าไปดูหน้าแรกของเขา ซึ่งทุกอย่างเขียนไว้ในบรรทัดเดียว:
HTML5 - การค้นหาของ Google...
สิ่งที่ตลกคือหน้า Google และผลการค้นหาไม่ผ่านการตรวจสอบเนื่องจากมีข้อผิดพลาดจำนวนหนึ่ง แต่นี่เป็นเรื่องปกติ พวกเขายังคงได้รับประโยชน์ (เช่น ไม่มีแอตทริบิวต์ประเภทในองค์ประกอบ) เนื่องจาก DOCTYPE ที่ถูกต้อง
การลดขนาด HTML5หากคุณชอบต้นแบบที่รวดเร็วหรือการทดลองที่ไม่ต้องเขียนโค้ดยาวๆ คุณอาจจะสนใจเอกสาร HTML5 ขนาดเล็กนี้:
HTML5 ตัวน้อย
สวัสดีชาวโลก
มีข้อโต้แย้งบางประการเกี่ยวกับการตรวจสอบความถูกต้องของเทมเพลตนี้เมื่อลบไฟล์ . เบราว์เซอร์ DOM ของ Hixie บอกว่าทุกอย่างเรียบร้อยดี และผู้ตรวจสอบ W3C ก็เช่นกัน เมื่อป้อนมาร์กอัปด้วยตนเอง แต่เครื่องมือตรวจสอบของ Henri Sivonen รายงานข้อผิดพลาดโดยไม่มี . เครื่องมือตรวจสอบ W3C ยังรายงานข้อผิดพลาดเมื่อคุณระบุ URL ฉันหวังว่าสิ่งนี้จะได้รับการแก้ไขในไม่ช้า
บันทึก เลน เราคิดออกแล้ว ตอนนี้เป็นองค์ประกอบที่จำเป็น
HTML5 สมบูรณ์และเข้ากันได้รูปแบบสุดท้ายและสมบูรณ์ที่สุดยังระบุการเข้ารหัสข้อความด้วย หากไม่มีสิ่งนี้ ตัวละครบางตัวจะแสดงไม่ถูกต้อง (ฉันใช้เวลามากเกินไปในการพยายามหาสาเหตุ!)
สุดท้ายนี้ เราจะเพิ่มกฎ CSS เพื่อให้แน่ใจว่าองค์ประกอบบล็อกใหม่จะแสดงอย่างถูกต้อง เนื่องจากเบราว์เซอร์บางตัวไม่ทราบเกี่ยวกับองค์ประกอบเหล่านั้นตั้งแต่แรก
นี่คือ - เทมเพลตเอกสาร HTML5 ที่ถูกต้องและครบถ้วน
บทความ HTML5 นอกเหนือ รายละเอียด figcaption รูป ส่วนท้าย ส่วนหัว hgroup เมนู nav ส่วน ( จอแสดงผล: บล็อก; )
สวัสดีชาวโลก
หากคุณต้องการทดลองใช้ HTML5 JS Bin จะมีเทมเพลต HTML5 เริ่มต้นไว้ให้คุณเล่น
