哪些代码是属于用来做网页布局（什么是网页布局?常见的网页布局类型有哪些?）

今天给各位分享哪些代码是属于用来做网页布局的知识，其中也会对什么是网页布局?常见的网页布局类型有哪些?进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、网页设计中使用最广泛的布局方式是什么?
• 2、css是利用什么xhtml标记构建网页布局
• 3、html5里面新增的用于网页布局的标签有哪些
• 4、CSS是干什么用的，学来有什么用？

网页设计中使用最广泛的布局方式是什么?

布局的代码一般使用div+css， 结构呢，左右结构，可以是左宽右窄，右宽左窄，上中下结构等等，看你做什么样的站了，分成门户站，企业站，个人站，还有区分各种行业的站，区分各个国家，布局风格也是不一样的。你可以多去看看网页欣赏。就可以把握网页的布局方式了。

css是利用什么xhtml标记构建网页布局

DIV+CSS是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种样式制作定位。div是html(超文本语言)中的一个元素,div+css是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正地达到了w3c内容与表现相分离.div是标签css是层叠样式表(css样式)DIVCSS高级布局已逐渐流行，但面对所谓DIV+CSS布局的叫法让人更为担心，不要让DIV成为Table的替代品，多层嵌套的DIV会严重影响代码的可阅读性，活用HTML为我们提供的标签吧。DIV+CSS的特点：1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。2、支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。3、搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。4、样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。现很多个人站长新建站点都采用了DIV+CSS来构建自己的网站页面，可见DIV+CSS替代table已经不是遥远梦想。5、通过制作发行同样的页面使用TABLE做的页面与DIV+CSS制作的页面大小对比，DIV+CSS的XHTML页面大小至少小TABLE制作页面1/4。从而使的浏览DIV+CSS的页面更加快捷快速。

html5里面新增的用于网页布局的标签有哪些

header标签

header标签定义文档的页眉（介绍信息）

用法：

headerh1windyauang的Dreamweaver专栏/h1/header

nav标签

nav 标签定义导航链接的部分

用法：

nav

ul

lia href="#"菜单一/a/li

lia href="#"菜单二/a/li

lia href="#"菜单三/a/li

lia href="#"菜单四/a/li

/ul

/nav

section 标签

section 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分

用法：  section

h1标题一/h1

p文章段落内容/p

/section

article 标签

article 标签定义外部的内容。  外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。总之，可以理解为article所表示的就是文章内容。

用法：article

a href="#"文章内链接/abr /

文章内容文章内容文章内容

/article

aside 标签

aside标签定义article以外的内容。aside的内容应该与article的内容相关，如上图所示，它类似于布局中的辅助侧边栏。

用法：  aside

h4小标题/h4

段落内容段落内容

/aside

footer 标签

footer 标签定义section或document的页脚。在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息，也就是类似于版权信息的东西。

用法：  footer

页脚文字，版权信息等

/footer

整体的Html5代码应该如下：

!doctype html

html

head

meta charset="utf-8"

title无标题文档/title

/head

body

header h1a href="#"windyauang的Dreamweaver专栏-Html5布局示范文档/a/h1 /header

nav

ul

lia href="#"菜单一/a/li

lia href="#"菜单二/a/li

lia href="#"菜单三/a/li

lia href="#"菜单四/a/li /ul

/nav

section

header内容标题/header

article文章内容/article

footer文章版权内容/footer

/section aside相关内容/aside

footer页脚、页面版权内容/footer

/body

CSS是干什么用的，学来有什么用？

关于CSS是什么：

CSS是用于布局与美化网页的.

CSS是Cascading

Style

Sheets的英文缩写,即层叠样式表.

CSS语言是一种标记语言,因此不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).

CSS文件是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.

CSS是大小写不敏感的,CSS与css是一样的.

关于使用CSS的几个优势：

内容与表现分离,有了CSS,网页的内容(XHMTL)与表现就可以分开了.

表现的统一,可以使网页的表现非常统一,并且容易修改.

CSS可以支持多种设备,比如手机,PDA,打印机,电视机,游戏机等.

使用CSS可以减少网页的代码量,增加网页的浏览速度,减少硬盘容量.

关于哪些代码是属于用来做网页布局和什么是网页布局?常见的网页布局类型有哪些?的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。