หลายครั้งเมื่อเรียนรู้การผลิตและพัฒนาหน้าเว็บสิ่งแรกที่น่าประทับใจคือหน้าเว็บที่ลงท้ายด้วยคำต่อท้ายของ HTML หรือ HTM เราให้ความสำคัญกับหน้าเว็บประเภทนี้ไปยังหน้าเว็บคงที่ยกเว้น Pseudo-static
ดังนั้นความแตกต่างระหว่าง HTML หรือ HTML และหน้าเว็บอื่น ๆ ที่ลงท้ายด้วยคำต่อท้ายเช่น PHP, ASP, ASPX, JSP ฯลฯ คืออะไร?ก่อนอื่นหน้า HTML นั้นคงที่ ไม่มีการดำเนินการโปรแกรมตั้งแต่ต้นจนจบ มันอยู่ในภาษา HTML บริสุทธิ์ มันถูกส่งไปยังเบราว์เซอร์โดยตรงและนำเสนอไปยังเบราว์เซอร์โดยไม่ต้องประมวลผลโดยเซิร์ฟเวอร์
หน้าเว็บในตอนท้ายของคำต่อท้ายอื่น ๆ เป็นหน้าเว็บที่ค่อนข้างไดนามิก หน้าไดนามิกถูกประมวลผลโดยเซิร์ฟเวอร์เพื่อแปลและประมวลผลแต่ละโปรแกรมการดำเนินการฐานข้อมูล ฯลฯ และจากนั้นเบราว์เซอร์จะให้ข้อมูลของเซิร์ฟเวอร์แก่ผู้ใช้และข้อมูลเนื้อหาหน้าเว็บสามารถเปลี่ยนแปลงได้ตามการเปลี่ยนแปลงของข้อมูลพื้นหลัง
แล้วองค์กรภาษา HTML ขั้นพื้นฐานเป็นอย่างไร?มาดูโครงสร้าง HTML ก่อน:
<html> <head> <title> ใส่ชื่อของบทความ </title> <meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = gb2312/> // นี่คือการเข้ารหัสหน้าเว็บตอนนี้มันคือ gb2312 <ชื่อ meta = contents contents = keywords/> <meta name = คำอธิบายเนื้อหา = หน้านี้คำอธิบายหรือคำหลักคำอธิบาย/> </head> <body> นี่คือเนื้อหาหลัก </body> </html>
HTML ที่สมบูรณ์รวมถึงการประกาศ HTMLDOCTYPE ชื่อชื่อเรื่องหัวการประกาศการเข้ารหัสเว็บ ฯลฯ
เริ่มแรกใช้ซอร์สโค้ด HTML แบบเต็ม:
<! doctype html สาธารณะ -// w3c // dtd xhtml 0 transitional // en http: // wwworg/tr/xhtml1/dtd/xhtml1-transitionaldtd> <html xmlns = http: // wwworg http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = utf-8/> <tite> ชื่อเรื่องชื่อเรื่องส่วนกำลัง </title> <ชื่อ meta = keywords content = keywords/keywords/> <meta name = คำอธิบายเนื้อหา = คำอธิบายของหน้านี้หรือคำหลักคำอธิบาย/</head> <body> เนื้อหา </body> </html>
โครงสร้าง HTML ที่สมบูรณ์ล่าสุด - ซอร์สโค้ด HTML (แนะนำ):
<! doctype html> <html lang = zh-cn> <head> <meta charset = utf-8> <title> ชื่อเว็บเพจชื่อ </title> <meta name = keywords content = keywords/> <meta name = คำอธิบายเนื้อหา
ไม่ว่าจะเป็น HTML หรือหน้าไดนามิกอื่น ๆ ที่มีคำต่อท้ายโครงสร้างภาษา HTML นั้นเป็นเช่นนี้ แต่จบลงด้วยคำต่อท้ายที่แตกต่างกันเมื่อตั้งชื่อไฟล์หน้าเว็บ
1. ไม่ว่าจะเป็นหน้าแบบไดนามิกหรือคงที่มันจะเริ่มต้นด้วย <html> จากนั้นลงท้ายด้วย </html> ในตอนท้ายของหน้าเว็บ
2. <Html> ตามด้วยส่วนหัวของหน้า <head> เนื้อหาใน <head> </head> ไม่สามารถแสดงได้ในเบราว์เซอร์ นี่คือพื้นที่เช่นเซิร์ฟเวอร์, เบราว์เซอร์, ลิงก์ภายนอก JS, รูปแบบลิงค์ CSS ฯลฯ และชื่อหน้าจะถูกวางไว้ใน <title> </title>
3. จากนั้น <meta name = keywords content = คำหลัก/> <meta name = คำอธิบายเนื้อหา = คำอธิบายของหน้านี้หรือคำหลักคำอธิบาย/> เนื้อหาในแท็กทั้งสองนี้เป็นคำอธิบายสำหรับเครื่องมือค้นหา คำหลักของหน้านี้และเนื้อหาหลักของหน้าเว็บนี้สามารถใช้งานได้
4. ถัดไปเป็นข้อความหลัก <body> </body> ซึ่งโดยทั่วไปเรียกว่าพื้นที่ร่างกาย เนื้อหาที่วางไว้ที่นี่สามารถนำเสนอต่อผู้ใช้ผ่านเบราว์เซอร์ เนื้อหาสามารถเป็นเนื้อหารูปแบบการจัดรูปแบบตารางเนื้อหาเค้าโครง DIV หรือข้อความโดยตรง นี่เป็นพื้นที่ที่สำคัญที่สุดพื้นที่การนำเสนอเนื้อหาของหน้าเว็บ
5. ในที่สุดมันก็ลงท้ายด้วย </html> นั่นคือหน้าเว็บถูกปิด
ข้างต้นเป็นโครงสร้างพื้นฐานที่สมบูรณ์และง่ายที่สุดของภาษา HTML ผ่านด้านบนรูปแบบและเนื้อหาเพิ่มเติมสามารถเพิ่มเข้ามาในหน้าเว็บที่ดีขึ้น
หมายเหตุ: โดยทั่วไปแล้วหน้าเว็บจะต้องปิดแท็กแต่ละแท็กตามมาตรฐาน XHTML เช่น: เริ่มต้นด้วย <html> และปิดด้วย </html>; หากไม่มีการปิดเช่น <meta name = keywords content = คำหลัก/> ดังนั้น <meta/> จะเสร็จสมบูรณ์
ข้างต้นเป็นโครงสร้างภาษา HTML ที่ง่ายที่สุดในแง่ง่าย หากคุณต้องการดูโครงสร้างภาษา HTML ที่สมบูรณ์ยิ่งขึ้นคุณสามารถเปิดหน้าเว็บของเว็บไซต์จากนั้นคลิกที่เบราว์เซอร์เพื่อดู - จากนั้นคลิกที่ซอร์สโค้ดเพื่อดูโครงสร้างภาษา HTML ของหน้าเว็บ ด้วยวิธีนี้คุณสามารถวิเคราะห์โครงสร้างภาษา HTML และเนื้อหาของหน้าเว็บนี้ตามซอร์สโค้ดนี้