Dengan perkembangan pesat Internet, XML (Extensible Markup Language) telah menjadi format data yang sangat popular dan digunakan secara meluas untuk penyimpanan dan pertukaran pelbagai jenis dokumen dan data. Walau bagaimanapun, XML tidak bertujuan untuk menjadi format yang mesra pengguna, jadi menukarnya kepada HTML (Hypertext Markup Language) mungkin merupakan pilihan yang lebih baik. Artikel ini akan meneroka cara menukar XML kepada HTML untuk memaparkan dan berkongsi data dengan lebih mudah di Web.
Langkah Pertama: Fahami perbezaan asas antara XML dan HTML
Sebelum menukar XML kepada HTML, mari kita fahami perbezaan asas antara kedua-duanya:
Langkah 2: Pilih alat penukaran XML ke HTML yang perlu anda gunakan
Sekarang kami telah memahami perbezaan asas antara XML dan HTML, kami perlu memilih Alat yang tersedia untuk tukar XML kepada HTML, anda mempunyai pilihan berikut:
Langkah 3: Gunakan XSL untuk menukar XML kepada HTML
Dalam artikel ini, kami akan menggunakan XSL untuk menukar XML kepada HTML. Berikut ialah contoh dokumen XML:
<?xml version="1.0" encoding="UTF-8"?> <employees> <employee> <name>John Smith</name> <id>0001</id> <title>Software Engineer</title> </employee> <employee> <name>Jane Doe</name> <id>0002</id> <title>Technical Writer</title> </employee> </employees>
Berikut ialah contoh dokumen XSL yang menukarkan XML di atas kepada jadual HTML ringkas:
<?xml version="1.0" encoding="UTF-8" ?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" encoding="UTF-8" indent="yes"/> <xsl:template match="/"> <html> <head> <title>Employee List</title> </head> <body> <h2>Employee List</h2> <table border="1"> <tr> <th>Name</th> <th>ID</th> <th>Title</th> </tr> <xsl:for-each select="employees/employee"> <tr> <td><xsl:value-of select="name"/></td> <td><xsl:value-of select="id"/></td> <td><xsl:value-of select="title"/></td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet>
Templat XSL di atas menggunakan xsl Mekanisme gelung :for-each merentasi setiap elemen pekerja dalam XML, dan kemudian mengeluarkan data setiap baris jadual ke jadual HTML. Output HTML akhir kelihatan seperti ini:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Employee List</title> </head> <body> <h2>Employee List</h2> <table border="1"> <tr> <th>Name</th> <th>ID</th> <th>Title</th> </tr> <tr> <td>John Smith</td> <td>0001</td> <td>Software Engineer</td> </tr> <tr> <td>Jane Doe</td> <td>0002</td> <td>Technical Writer</td> </tr> </table> </body> </html>
Kesimpulan
XML dan HTML ialah dua bahasa penanda yang berbeza, setiap satu dengan kegunaannya sendiri. Apabila memaparkan dan berkongsi data di Web, anda selalunya perlu menukar XML kepada HTML. Artikel ini menerangkan cara menggunakan XSL dan alatan lain untuk menukar XML kepada HTML. Tidak kira kaedah yang anda gunakan, menukar XML kepada HTML ialah langkah penting dalam menjadikan data anda lebih boleh digunakan dan boleh diakses di web.
Atas ialah kandungan terperinci Bagaimana untuk menukar xml kepada html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!