HTML5和SVG代碼都是在Web開發中常用的標記語言，用于創建網頁和可視化內容。
HTML5是HTML的第五個版本，它引入了許多新的元素和特性，可以更好地支持現代Web應用程序。HTML5的代碼通常包含標準的HTML和CSS代碼，以及JavaScript腳本。
<!DOCTYPE html> <html> <head> <title>My HTML5 Page</title> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <script src="script.js"></script> </head> <body> <header> <h1>Welcome to my page!</h1> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <main> <p>This is the main content of my page.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, dolor a commodo vehicula, mauris mi tristique dolor, vel vestibulum mauris metus at sapien. Sed ullamcorper risus ut turpis placerat commodo.</p> </main> <footer> <p>Copyright © 2021</p> </footer> </body> </html>
SVG代碼是用于創建可縮放矢量圖形的XML標記語言。與像素圖形不同，SVG圖形可以在不失真的情況下無限縮放。SVG代碼可以通過XML DOM和JavaScript操作。
<svg width="200" height="200"> <rect x="50" y="50" width="100" height="100" fill="#00FF00" /> <circle cx="100" cy="100" r="40" fill="#FF0000" stroke="#000000" stroke-width="2" /> <line x1="50" y1="150" x2="150" y2="50" stroke="#0000FF" stroke-width="2" /> <text x="100" y="150" font-family="Arial" font-size="20" fill="#000000">SVG Text</text> </svg>
以上是一個簡單的SVG圖形，其中包含一個矩形、一個圓形、一條直線和一段文本。