HTML5簡單框架代碼
HTML5是現代Web開發的標準之一,它提供了一些強大的功能,如多媒體,畫布和地理位置服務。為了更好地利用這些功能,許多開發人員使用HTML5框架代碼。以下是一個簡單的HTML5框架代碼示例:
<!DOCTYPE html> <html> <head> <title>My Website</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>Welcome to My Website</h1> </header> <nav> <ul> <li><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#services">Services</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav> <main> <section id="home"> <h2>Welcome to My Website</h2> <p>This is the homepage of my website.</p> </section> <section id="about"> <h2>About Me</h2> <p>I am a web developer with 5 years of experience.</p> </section> <section id="services"> <h2>Services</h2> <ul> <li>Web Design</li> <li>Web Development</li> <li>SEO</li> </ul> </section> <section id="contact"> <h2>Contact Us</h2> <form action="submit.php" method="post"> <label>Name:</label> <input type="text" name="name"> <label>Email:</label> <input type="email" name="email"> <label>Message:</label> <textarea name="message"></textarea> <button type="submit">Submit</button> </form> </section> </main> <footer> <p>Copyright ? 2021 My Website</p> </footer> </body> </html>在此示例中,我們使用了HTML5的一些功能,如標頭,導航和節。此外,還引用了一個樣式表文件,可以在其中定義網站的外觀和感覺。這個簡單的框架代碼可以幫助您快速創建自己的網站,并使其具有現代的外觀和功能。