Piszę nową stronę w HTML5 i CSS3. Muszę zrobić wewnętrzne opakowania, aby wyśrodkować zawartość (szerokość 960 pikseli). Zwykle robię to przez coś podobnego
<style>
.nav { height:40px; background:#000; }
.wrapper { width:960px; margin:auto; }
</style>
<div class="nav">
<div class="wrapper">
Home News Blog etc etc
</div>
</div>
Jednak jestem nowy przy użyciu nowych elementów HTML 5, takich jak nagłówek, nav, artykuł itp. I zastanawiam się, jak najlepiej zrobić opakowanie podobne do powyższego, ale w lepszy sposób?
Odpowiedzi:
2 dla odpowiedzi № 1Jest to zgodne z prawem:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Wrapping up HTML5</title>
</head>
<body>
<div id="wrapper">
<header><h1>Using a HTML5 wrapper</h1></header>
<section>
<article>
<hgroup>
<h1>This is actually legal</h1>
<h2>Just wrap everything in a div, just like before</h2>
</hgroup>
<p>But it"s probably better to simply use the body tag.</p>
</article>
</section>
<footer><p>Love from Kebman</p></footer>
</div>
</body>
</html>
Jednak prawdopodobnie warto go po prostu użyć <body> jako opakowanie. W końcu jest czystszy i dodaje mniej HTML.
2 dla odpowiedzi nr 2
Jeśli szukasz alternatywnych metod, możesz użyć ciała
body{ margin: 0 auto; width: 960px; }
1 dla odpowiedzi nr 3
Cóż, użyj nav dla nav, w przeciwnym razie div jest w porządku do dzielenia go.
0 dla odpowiedzi nr 4
Nadal umieszczam wszystko w opakowaniu div, nawet używając nagłówka, nav, footer, main, ponieważ uważam, że łatwiej kontrolować całą zawartość