คำแนะนำบางประการสำหรับการเขียนแอปพลิเคชัน HTML ที่มีประสิทธิภาพสูง

บทความนี้ส่วนใหญ่แนะนำคำแนะนำบางอย่างสำหรับการเขียนแอปพลิเคชัน HTML ที่มีประสิทธิภาพสูงรวมถึงวิธีการเขียนโปรแกรม CSS และ JavaScript ที่เกี่ยวข้อง เพื่อนที่ต้องการมันสามารถอ้างถึง วิธีการปรับปรุงประสิทธิภาพของเว็บ?

นักพัฒนาซอฟต์แวร์ส่วนใหญ่จะปรับให้เหมาะสมผ่าน JavaScript และรูปภาพไฟล์ zip และผสานไฟล์ผ่านการกำหนดค่าเซิร์ฟเวอร์ไฟล์ zip และแม้กระทั่งปรับแต่ง CSS (รวมภาพขนาดเล็ก)

HTML ที่น่าสงสารมักถูกละเว้นแม้ว่ามันจะเป็นภาษาหลักของเว็บเสมอ

HTML เริ่มใหญ่ขึ้นเรื่อย ๆ เว็บไซต์ 100 อันดับแรกส่วนใหญ่อยู่ที่ประมาณ 40k ต่อหน้า HTML Amazon และ Yahoo ใช้หน้า HTML นับพัน ในหน้าหลักของ YouTube.com มีองค์ประกอบ HTML สูงสุด 3,500 รายการ

ลดความซับซ้อนของ HTML และจำนวนองค์ประกอบของหน้าไม่ปรับปรุงเวลาการแยกวิเคราะห์อย่างมีนัยสำคัญ - แต่ HTML เป็นปัจจัยสำคัญในการสร้างหน้าเว็บที่รวดเร็วปรับให้เข้ากับอุปกรณ์ต่าง ๆ และส่งผลกระทบต่อความสำเร็จ

ในบทความนี้คุณจะได้เรียนรู้วิธีการเขียน HTML ที่สะอาดและสะอาดซึ่งช่วยให้คุณสามารถสร้างเว็บไซต์ที่โหลดและรองรับอุปกรณ์หลายตัวที่ง่ายต่อการดีบักและบำรุงรักษา

ไม่มีเพียงวิธีเดียวในการเขียนโค้ด - โดยเฉพาะ HTML นี่เป็นเพียงคำอธิบายของประสบการณ์ทั่วไป แต่ไม่ใช่ทางเลือกเดียวที่ถูกต้อง

HTML เป็นภาษามาร์กอัปที่ใช้แสดงโครงสร้างและเนื้อหา

ไม่ควรใช้ HTML เพื่อแสดงสไตล์และสไตล์ อย่าเขียนข้อความในแท็กชื่อเรื่อง (H1 ~ H6) ให้ดูใหญ่ขึ้นหรือเพียงแค่ใช้องค์ประกอบ blockquotes สำหรับการเยื้อง ให้ใช้ CSS เพื่อเปลี่ยนรูปลักษณ์และเลย์เอาต์ขององค์ประกอบแทน

ลักษณะที่ปรากฏเริ่มต้นขององค์ประกอบ HTML ถูกนำมาใช้ผ่านสไตล์เริ่มต้นของเบราว์เซอร์: Firefox, Internet Explorer และ Opera นั้นแตกต่างกันทั้งหมด ตัวอย่างเช่นใน Chrome องค์ประกอบ H1 เริ่มต้นจะแสดงผลเป็นขนาด 32px

สามหลักการพื้นฐาน:

การใช้ HTML เพื่อแสดงโครงสร้าง CSS ใช้เพื่อแสดงสไตล์และธีมที่แตกต่างกัน JavaScript เพื่อตอบสนองต่อพฤติกรรมของผู้ใช้

ใช้ HTML ใช้ CSS หากจำเป็นและเพิ่ม JavaScript หากคุณไม่ได้รับอนุญาต ตัวอย่างเช่น: ในหลายกรณีคุณอาจใช้แบบฟอร์ม HTML สำหรับการตรวจสอบและใช้ CSS หรือ SVG เพื่อใช้แอนิเมชั่น

แยก CSS และ JavaScript ออกจากรหัส HTML ของคุณ ปล่อยให้พวกเขาถูกแคชซึ่งทำให้รหัสดีบั๊กง่ายขึ้น ในการผลิต CSS และ JavaScript นั้นสามารถบีบอัดได้และรวมเข้าด้วยกันและควรเป็นส่วนหนึ่งของระบบการสร้างของคุณ หมายเหตุ* ดูการแข่งขันระบบ JavaScript Construction (แก้ไข)

โครงสร้างเอกสารเอกสาร

การใช้ประเภทเอกสารของ HTML5: