I created an aspx file for my GUI, image buttons, and image slide shows using HTML5, CSS, and javascript. I finished the HTML5 part in the aspx file format within visual studio 2012. To standardize my GUI for all other web forms, I tried creating a new master page. However, when I copied the codes from my aspx file (containing HTML5 codes) into the master page, I encountered an error.
PS : I am developing a web application using visual studio 2012 with HTML5, CSS, and javascript.
Link : https://i.sstatic.net/snSlk.jpg
HTML5 CODES ( in aspx file format )
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="GUI.master.cs" Inherits="MP.GUI" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Police Website</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<script type="text/javascript">
<!-->
var image1 = new Image()
image1.src = "image/s1.jpg"
var image2 = new Image()
image2.src = "image/s2.jpg"
var image3 = new Image()
image3.src = "image/s3.jpg"
var image4 = new Image()
image4.src = "image/s4.jpg"
var image5 = new Image()
image5.src = "image/s5.jpg"
//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<!--[if lt IE 8]>
<script src ="http://ie7-js.googlecode.com/svn/version/2.1 (beta2)/IE8.js"></script>
<![endif]-->
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<ul id="Slideshow">
<img src="image/s1.jpg" name="slide" width="1215px" height="250px">
<script type="text/javascript">
<!--
var step = 1
function slideit() {
document.images.slide.src = eval("image" + step + ".src")
if (step < 5)
step++
else
step = 1
setTimeout("slideit()", 2500)
}
slideit()
//-->
</script>
</ul>
<%-- <input type="image" id="header" style="height:250px;width:1148px;" src="image/header.jpg" /> --%>
<input type="image" id="myimage" style="height:53px;width:200px;" src="image/logo.jpg" />
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Report</a></li>
<li><a href="#">Recent cases</a></li>
<li><a href="#">About</a></li>
</ul>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js" type="text/javascript"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</form>
</body>
</html>