专业/更好的标题/正文/页脚布局方式

时间:2016-05-26 14:54:58

标签: javascript html css

所以这是我用包装器看到的第一种方式。

select sum(Qty) from inventTrans
    where inventTrans.StatusIssue == StatusIssue::Picked
    exists join InventTransOriginSalesLine
        where InventTransOriginSalesLine.SalesLineDataAreaId = salesLine.DataAreaId &&
              InventTransOriginSalesLine.SalesLineInventTransId  = salesLine.InventTransId 
        inner join inventTransOrigin
             where inventTransOrigin.RecId == InventTransOriginSalesLine.Recid;

这是包装器的第二种方式,我只想知道最常用的方式,即使它与这两种方式不同,之后在我的页面中不会引起问题。

 <body>
   <div id="wrapper">
     <div id="header">  
       <h1>My page</h1>
       <!-- Header content -->
   </div>

   <div id="main">
   <!-- Page content -->
   </div> 

  <div id="footer">
  <!-- Footer content -->
 </div>
 </div>
</body

1 个答案:

答案 0 :(得分:0)

使用最新的HTML5,目标是让semantic markup没有仅用于样式的附加/不必要元素。

使用&#34;包装&#34; div很长一段时间都是常见的做法,但如果它实际上并不包含语义内容和&amp;仅用于bg图像或居中内容之类的东西,你应该使用CSS来实现那些布局效果。

HTML5还有new elements,包括<header> <article><footer>,专门用于帮助使语义结构更加清晰。那将是最现代的#14;正确的&#34;方法,但当然这在某种程度上取决于您的具体网站&amp;访客。

在某些情况下,根据访问者可能使用的旧浏览器,您仍可能需要使用&#34; HTML5 shim / shiv&#34;或像modernizr.js这样的脚本,以确保旧浏览器可以识别&amp;了解这些新元素。这变得越来越不必要,因为现在几乎所有使用中的浏览器都会正确处理新的HTML5元素,但你仍然可以看看它。