コメント:新しい要素ヘッダーとフッターがHTML 5に追加されました。テスト後、つまり、IEはHTMLに追加される新しい要素を解析できないことがわかりました。コードは次のとおりです。
新しい要素ヘッダーとフッターがHTML 5に追加されました。テスト後、IEはHTML 5に追加された新しい要素を解析できないことがわかりました。
コードは次のとおりです。
<html xmlns =>
<head>
<メタhttp-equiv = content-type content = text/html; charset = gb2312 />
<title> un unt ittitled document </title>
<style type = text/css>
<! -
*{
マージン:0;
パディング:0;
}
ヘッダ{
背景:#090;
font-weight:bold;
位置:絶対;
トップ:10px;
}
フッター{
背景:#f90;
font-weight:bold;
位置:絶対;
下:10px;
}
- >
</style>
</head>
<body>
<ヘッダー>これがトップ</header>です
<フッター>これはテールです</footer>
</div>
</body>
</html>
カスタムタグを使用して、ブラウザの互換性の問題を解決する
コードは次のとおりです。
<!doctype html public - // w3c // dtd xhtml 1.0 transitional // en>
<HTML XMLNS:レイアウト>
<head>
<メタhttp-equiv = content-type content = text/html; charset = gb2312 />
<Title>カスタムHTMLタグ</title>
<style type = text/css>
<! -
*{
マージン:0;
パディング:0;
}
レイアウト/:ヘッダー{
背景:#090;
font-weight:bold;
位置:絶対;
トップ:10px;
}
レイアウト/:フッター{
背景:#f90;
font-weight:bold;
位置:絶対;
下:10px;
}
- >
</style>
</head>
<body>
<レイアウト:ヘッダー>これがトップ</レイアウト:ヘッダー>です
<レイアウト:フッター>これはテールです</レイアウト:フッター>
</body>
</html>