Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

สร้างเอกสาร HTML ที่ถูกต้องโดยไม่มีแท็ก <head>

ใน HTML ข้อกำหนดขั้นพื้นฐานคือ: doctype declaration, <html>, <head> และ </body> แต่คุณอาจประหลาดใจได้ว่า เอกสาร HTML ที่ถูกต้องสามารถทำงานได้โดยไม่มีแท็ก <head>

DOCTYPE declaration <!DOCTYPE html> จะต้องมาอยู่เสมอ เพราะบอกเบราว์เซอร์ว่าเอกสารนี้เป็น HTML version อะไร

ตัวอย่าง: HTML ไม่มี <head>

<!DOCTYPE html> <html>
  <title>Title of the document</title>
  <body>
    <h1>This is heading 1</h1>
    <p>This is demo text.</p>
  </body>
</html>

การทำงานเบื้องหลัง

เบราว์เซอร์จะ สร้าง <head> ขึ้นมาเองโดยอัตโนมัติ (implicitly) และย้าย <title> เข้าไปภายใน แม้คุณจะไม่เขียนก็ตาม นี่คือพฤติกรรมของ HTML parser

คำเตือน

  • แม้จะ *ทำงานได้* แต่ ไม่แนะนำ ให้ละ <head> ในโปรเจกต์จริง
  • <head> จำเป็นสำหรับ: meta tags, SEO, viewport, favicon, preload, scripts, styles ฯลฯ
  • การเขียน <head> อย่างชัดเจน ทำให้โค้ดอ่านง่าย มาตรฐาน และป้องกันบั๊ก