要想让你的网站更好看,布局非常重要.要非常细心的设计你网页布局,本篇文章重点为大家讲解一下HTML 布局

创新互联是创新、创意、研发型一体的综合型网站建设公司,自成立以来公司不断探索创新,始终坚持为客户提供满意周到的服务,在本地打下了良好的口碑,在过去的10年时间我们累计服务了上千家以及全国政企客户,如成都湿喷机等企业单位,完善的项目管理流程,严格把控项目进度与质量监控加上过硬的技术实力获得客户的一致赞誉。
使用
元素的 HTML 布局
注释:
元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位。
这个例子使用了四个
元素来创建多列布局:
实例
     
      "header"> 
      City Gallery
 
     
     
      "nav"> London
      
 Paris
      
 Tokyo
      
     
     
      "section"> 
      London
 
       London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. 
 
       Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium. 
 
     
     
      "footer"> Copyright W3School.com.cn 
     
CSS:
使用 HTML5 的网站布局
HTML5 提供的新语义元素定义了网页的不同部分:
HTML5 语义元素
| header | 定义文档或节的页眉 | 
|---|---|
| nav | 定义导航链接的容器 | 
| section | 定义文档中的节 | 
| article | 定义独立的自包含文章 | 
| aside | 定义内容之外的内容(比如侧栏) | 
| footer | 定义文档或节的页脚 | 
| details | 定义额外的细节 | 
| summary | 定义 details 元素的标题 | 
这个例子使用