创作一个网页，第一步要先设计好网页的布局，这样能够更好地把控整个页面。
过去比较常用的是div布局，也可以用table布局，html5流行起来以后也可以用标签布局，这样代码会更简洁。
布局最常用的标签有：
| 标签 | 含义 | 常用法 |
|---|---|---|
| header | 页眉 | 标题、logo、导航 |
| nav | 导航 | 导航栏、目录、超链接 |
| aside | 侧栏 | 侧边栏 |
| section | 节 | 内容 |
| footer | 页脚 | 友情链接，版权声明，文件建立日期，联系方式 |
这是常规页面的布局，有头有脚，左侧辅助，右侧主要内容。
1.png
现在有很多网站是这么设计的，把侧边栏放到了右边，把主要内容放到了左边，这样按照人从左向右读的习惯，第一眼就能关注到网页中的重点信息。
2.png
为了追求页面的简洁，可以去掉header和footer，减轻负重，让人看了很舒服。
3.png
随着手机使用占比的增加，这种风格目前越来越多地被使用，去掉侧边栏，把导航nav放到头部。有的把footer去掉，甚至也有header和footer都去掉的设计。
4.png
圣杯布局 HTML CSS 双飞翼布局 HTML CSS Flex布局 HTML和圣杯布局一样CSS
圣杯布局 html 双飞翼布局 html css
圣杯布局 css html 双飞翼布局 css html
1、web前端基础 HTML+CSS----HTML5+CSS3,包括布局（栅格布局，流动布局，经典的弹性盒布局—...
圣杯布局 HTML css 注意点 双飞翼布局 HTML css 注意点
1.左右布局 html: 2.左中右布局 html: 3.水平居中 html: 4.垂直居中 html: css:...
HTML CSS + DIV实现整体布局必备知识利用HTML和CSS实现常见的布局 单列布局 css 实现竖直居中...
浮动 a hello 简单布局
创作一个网页，第一步要先设计好网页的布局，这样能够更好地把控整个页面。过去比较常用的是div布局，也可以用tabl...
本文标题：html布局
本文链接：https://www.haomeiwen.com/subject/fjmjuftx.html
网友评论