html5珊格布局，css 栅格布局

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

1、html5新增标签有这几个：headernavsectionarticleasidemainfooterfigurefigcaptionvideo等。header：定义文档或区块的页眉，通常包含标题、导航和其他相关信息。

2、html5新增标签如下：结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。

3、新增的结构标签：header元素 表示页面中一个内容区块或真个页面的标题。hgroup元素 表示对真个页面或页面中的一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。

4、DIV 这个标签一直是我们见得最多、用得最多的标签。 它本身无任何语义，用作布局以及样式化标签。 Section 与div相似，但它有更进一步的语义。 section用作一段有专题性的内容，一般在它里面会带有标题。

5、html5新增标签大致如下：canvas 新元素 canvas 标签定义图形，比如图表和其他图像。

相关问答

Q1: html5页面怎么布局

上下框架型布局 这类网站由上下边栏组成，上边栏用来放置logo和链接等信息，下边栏用来放置网页的内容。上下型网站经常用来进行个性化展示，在企业门户网站的公司展示中也比较常用。

）网页布局分为：自然布局，浮动布局， 定位布局 10）当一个元素被定义为浮动显示时，即定义为块状元素。并且该元素就会收缩自身体积为最小状态。所以，应该有个好的习惯即把浮动元素设置高和宽。

有三种基本布局：静态布局、丢失布局和灵活布局。 静态布局 静态布局使用像素(px)作为页面设计的单位。在不同的显示宽度下，页面元素大小都是固定的。 流式布局 流式布局将页面宽度设置为百分比。当显示区域改变时，页面布局将按比例改变。

HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。

）浮动是从网页布局的角度来定义元素的显示，而行内和块状属性主要是从元素自身的性质来定其显示的。5）当元素没有定义边框时，可以把内边距作为外边距使用。有时候外边距会有重叠现象的。

Q2: bootstrap栅格系统怎么固定大小

问题原因：bootstrap栅格系统的div高度，由于要适配不同的设备，那么div的高度就不能固定死。

渐进增强：随着屏幕大小增加而添加元素。栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。

下面就介绍一下 Bootstrap 栅格系统的工作原理：“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。

left right 栗子没用bootstrap的栅格，栅格无非就是宽度，你把div加上想要的col--，去掉css里的百分比的值就好了。

关于html5珊格布局和css 栅格布局的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。