Latest web development tutorials
×

HTML หลักสูตร

HTML หลักสูตร HTML แนะนำโดยย่อ HTML บรรณาธิการ HTML รากฐาน HTML ธาตุ HTML คุณสมบัติ HTML พาดหัว HTML ย่อหน้า HTML จัดรูปแบบข้อความ HTML ลิงค์ HTML หัว HTML CSS HTML ภาพ HTML ตาราง HTML รายการ HTML กลุ่ม HTML แบบ HTML ฟอร์ม HTML กรอบ HTML สี HTML ชื่อสี HTML ค่าสี HTML ต้นฉบับ HTML หน่วย Character HTML URL HTML รายการที่รวดเร็ว HTML ย่อ บทนำ XHTML

HTML5

HTML5 หลักสูตร HTML5 สนับสนุนเบราว์เซอร์ HTML5 องค์ประกอบใหม่ HTML5 Canvas HTML5 inline SVG HTML5 MathML HTML5 ลากและวาง HTML5 สถานที่ตั้งทางภูมิศาสตร์ HTML5 วีดีโอ(Video) HTML5 ความถี่คลื่นเสียน(Audio) HTML5 Input ชนิด HTML5 องค์ประกอบของแบบฟอร์ม HTML5 คุณสมบัติของฟอร์ม HTML5 องค์ประกอบความหมาย HTML5 Web หน่วยความจำ HTML5 Web SQL HTML5 แอพลิเคชันแคช HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML5 ทดสอบ HTML(5)ข้อมูลจำเพาะรหัส

HTML สื่อ

HTML สื่อ(Media) HTML วิดเจ็ต HTML ความถี่คลื่นเสียน(Audio) HTML เครื่องเล่นวีดีโอ(Videos) HTML ตัวอย่าง

HTML คู่มืออ้างอิง

HTML รายการแท็ก(ตามลำดับตัวอักษร) HTML รายการแท็ก(ฟังก์ชั่นการจัดเรียง) HTML คุณสมบัติ HTML เหตุการณ์ HTML ผ้าใบ HTML ความถี่คลื่นเสียน/วีดีโอ HTML มีประสิทธิภาพ DOCTYPES HTML ชื่อสี HTML ตัวเลือกสี HTML ชุดอักขระ HTML ASCII HTML ISO-8859-1 HTML สัญญลักษณ์ HTML URL การเข้ารหัส HTML รหัสภาษา HTTP ข่าว HTTP ทาง แป้นพิมพ์ลัด

บทนำ XHTML

XHTML เป็นรูปแบบ XML ที่เขียนในรูปแบบ HTML


XHTML คืออะไร?

  • XHTML หมายถึง Extensible HTML
  • XHTML และ HTML 4.01 เกือบจะเหมือนกัน
  • XHTML เป็นรุ่น HTML เข้มงวดและบริสุทธิ์มากขึ้น
  • แอพลิเคชัน XHTML โดยวิธีการที่กำหนดไว้ HTML XML
  • XHTML เป็น มกราคม 2001 W3C คำแนะนำการตีพิมพ์
  • XHTML โดยทุกการสนับสนุนเบราว์เซอร์ที่สำคัญ

ทำไมต้องใช้ XHTML?

หน้าอินเทอร์เน็ตมีจำนวนมากของ "เลว" แบบ HTML

ถ้าคุณดูในเบราว์เซอร์, รหัส HTML ต่อไปเพื่อให้ทำงานได้อย่างปกติ (ถึงแม้ว่ามันจะไม่สอดคล้องกับกฎ HTML):

<html> <head> <Meta charset = "UTF-8"> <title> นี่คือ HTML ที่ไม่ได้มาตรฐาน </ title> <body> <h1> ไม่ได้มาตรฐาน HTML <p> นี้เป็นวรรค </ body>

XML เป็นภาษามาร์กอัปต้องทำเครื่องหมายอย่างถูกต้องและรูปแบบที่ดี

หากคุณต้องการที่จะเรียนรู้ XML โปรดอ่าน การสอน XML

วันนี้ชุมชนวิทยาศาสตร์มีบางเทคโนโลยีเบราว์เซอร์ที่แตกต่างกัน บางส่วนที่ทำงานบนเครื่องคอมพิวเตอร์ขณะที่คนอื่นอาจทำงานบนโทรศัพท์มือถือหรืออุปกรณ์ขนาดเล็กอื่น ๆ อุปกรณ์ขนาดเล็กมักจะขาดอธิบาย "เลวร้าย" ทรัพยากรภาษามาร์กอัปและความสามารถ

ดังนั้น - โดยการรวมจุดแข็งของ HTML และ XML ให้เราพัฒนา XHTML XHTML เป็น XML ออกแบบ HTML


ความแตกต่างที่สำคัญที่สุดเมื่อเทียบกับ HTML นี้:

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

  • XHTML DOCTYPE มีผลบังคับใช้
  • <html> แอตทริบิวต์ namespace XML มีผลบังคับใช้
  • <html> <head> <title> และ <body> มีผลบังคับใช้

องค์ประกอบไวยากรณ์

  • องค์ประกอบ XHTML จะต้องซ้อนกันอย่างถูกต้อง
  • องค์ประกอบ XHTML จะต้องปิด
  • องค์ประกอบ XHTML จะต้องอยู่ในตัวพิมพ์เล็ก
  • เอกสาร XHTML ต้องมีองค์ประกอบรากหนึ่ง

แอตทริบิวต์ไวยากรณ์

  • แอตทริบิวต์ XHTML ต้องเป็นตัวพิมพ์เล็ก
  • ค่าแอตทริบิวต์ XHTML ต้องถูกล้อมรอบด้วยเครื่องหมายคำพูด
  • XHTML แอตทริบิวต์ลดเป็นสิ่งต้องห้าม

<! DOCTYPE .... > มีผลบังคับใช้

เอกสาร XHTML จะต้อง XHTML ประกาศประเภทของเอกสาร (XHTML ประกาศ DOCTYPE)

คุณสามารถค้นหากวดวิชาสมบูรณ์ในแท็กนี้ในคู่มืออ้างอิง ประเภทของเอกสาร XHTML

<html> <head> <title> และ <body> องค์ประกอบที่จะต้องมีอยู่และจะต้องใช้ <html> xmlns แอตทริบิวต์ในเอกสารระบุ namespace XML

ตัวอย่างต่อไปนี้แสดงให้เห็นว่าเอกสาร XHTML กับต่ำสุดของแท็กจำเป็นต้องใช้:

<! DOCTYPE HTML มหาชน "- // W3C // DTD XHTML 1.0 Transitional // EN" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <Meta charset = "UTF-8"> <title> ชื่อเรื่องของเอกสาร </ title> </ head> <body> เนื้อหาของเอกสาร </ body> </ html>


องค์ประกอบ XHTML จะต้องซ้อนกันอย่างถูกต้อง

ใน HTML, องค์ประกอบบางอย่างไม่สามารถซ้อนกันเช่นนี้

<b> <i> ตัวเอียงตัวหนาและข้อความ </ b> </ i>

ใน XHTML, องค์ประกอบทั้งหมดจะต้องซ้อนกันกับแต่ละเหตุผลอื่น ๆ เช่นนี้

<b> <i> หนาและตัวเอียงข้อความ </ i> </ b>


องค์ประกอบ XHTML ต้องมีแท็กปิด

ตัวอย่างของข้อผิดพลาด:

<p> นี้เป็นวรรค <p> นี้เป็นวรรคอื่น

ขวา:

<p> นี้เป็นวรรค </ p> <p> นี้เป็นวรรคอีก </ p>


องค์ประกอบที่ว่างเปล่าจะต้องมีแท็กปิด

ตัวอย่างของข้อผิดพลาด:

สาขา: <br> ระดับ: <hr> รูปภาพ: <img src = "happy.gif" alt = "ใบหน้ามีความสุข">

ขวา:

สาขา: <br /> ระดับ: <hr /> รูปภาพ: <img src = "happy.gif" alt = "ใบหน้ามีความสุข" />


องค์ประกอบ XHTML จะต้องอยู่ในตัวพิมพ์เล็ก

ตัวอย่างของข้อผิดพลาด:

<body> <p> นี้เป็นวรรค </ p> </ body>

ขวา:

<body> <p> นี้เป็นวรรค </ p> </ body>


ชื่อแอตทริบิวต์จะต้องเป็นตัวพิมพ์เล็ก

ตัวอย่างของข้อผิดพลาด:

<table width = "100%">

ขวา:

<table width = "100%">


ค่าแอตทริบิวต์ต้องมีคำพูด

ตัวอย่างของข้อผิดพลาด:

<table width = 100%>

ขวา:

<table width = "100%">


ได้รับอนุญาตให้สถานที่ให้บริการจดชวเลข

ตัวอย่างของข้อผิดพลาด:

<input การตรวจสอบ> <input อ่านได้อย่างเดียว> <input คนพิการ> <option เลือก>

ขวา:

<input ตรวจสอบ = "การตรวจสอบ"> <input อ่านได้อย่างเดียว = "อ่านได้อย่างเดียว"> <input คนพิการ = "คนพิการ"> <option เลือก = "เลือก">


วิธีการแปลง HTML เพื่อ XHTML

  1. เพิ่ม XHTML <! DOCTYPE> หน้าของคุณ
  2. เพิ่ม xmlns แอตทริบิวต์องค์ประกอบ HTML ของทุกหน้า
  3. เปลี่ยนองค์ประกอบทั้งหมดที่เป็นตัวพิมพ์เล็ก
  4. ปิดองค์ประกอบที่ว่างเปล่าทั้งหมด
  5. การปรับเปลี่ยนชื่อแอตทริบิวต์ทั้งหมดเป็นตัวพิมพ์เล็ก
  6. ค่าแอตทริบิวต์ทั้งหมดเพื่อเพิ่มคำพูด

ใช้ตรวจสอบ W3C XHTML ในการทดสอบของคุณ

โปรดป้อน URL ของคุณในช่องด้านล่าง: