1. 页面标题：主页面的第一个内容，简要说明整个页面的信息，方便用户理解。
2. 页面头部：一般是站点LOGO或者名称和导航栏，主要用于标识站点，以及提供站点链接和跳转功能。
3. 内容部分：网页上文字图片等内容，是页面的主体部分，里面含有文字，图片，表格，超链接等等元素，构成网页的核心内容。
4. 页脚：一般是版权说明，友情链接和联系信息，网站统计信息，常用的简单写法，带着让用户方便去查找相关信息，不必回到首页。
5. 网页版式：它的行为就像一种辅助的布局定义，有利于所有网页元素的排布和整齐划一的框架，指定标题，内容分块，字体，图像，元素之间的摆放位置，两栏，三栏布局做出不同的排版。
6. 上下边距：通常情况下，应该给每个页面设置一个上下边距。为的就是保证在上面的内容比较丰富的情况下，页面内容的拖放可以更加协调，有利于时尚美观。
7. 页面分割：将网页分为不同的部分，帮助用户快速找到关键信息，也有利于对每个内容块进行视觉优化，以提高审美性能。
8. 网页动画：主要是指网页内静态图片，或文字，图片等之间，设计出一定的效果。是常见的网页大片设计环节，既能将审美效果更好的表现出来，同时让客户更加深入的明白公司的宗旨和产品。
9. 网页对齐：对齐是指以某种方式把页面元素摆放在相应的位置，使整体页面可以更好的美观和舒适，拥有更好的可读性与审美效果。例如：水平居中或偏移，垂直居中或偏移。\r
10. 单元格布局：将页面划分为多个小模块，以便进行内容的展现和内容的拆分，多达细微的颜色的更换等，它可以使页面的整体布局更加清晰，易于维护和修改。
网页布局包括以下几个方面：
一、文档结构：是网页中元素位置和组织方式，包括头部部分，尾部部分及内容部分，用来表示文档的宏观结构，这种结构不会影响屏幕上对象的具体位置，但是可以影响其由左到右的顺序。
二、文本格式：是网页中文本的展示形式，包括文本的大中小，色彩及样式，并且可能会影响文本的排列方式。通常，使用头部和段落标记去格式化文本，这会帮助让整个文档更清晰。
三、图片：是网页中图像展示形式，可以是图片，动图，SVG等，也可以是用于网页背景的渐变和模式等，这些都属于图片。
四、容器：是网页中部件的排列方式，容器可以帮助网页承载更多的内容，便于阅读者将信息辨认为不同的部分，这在维护网页美观，减少用户混淆方面起到了很大作用。
五、导航：是网站中每个页面都设有的，可以帮助用户在网站中快速导航的功能，如导航菜单等，它使用户可以在不同页面中及时跳转。
六、网格：是定义网页中不同元素之间位置关系的一种方式，使用网格可以保证网页布局的整洁，并使元素在页面上保持均衡，使内容可读性更强。
七、屏幕尺寸：是网页的布局设计，即根据不同的屏幕尺寸，采用不同的布局方式，以适应不同设备的使用习惯。
八、其他： 还有一些特殊的网页布局，包括网页的动画效果，用于页面装饰的图标，及用于引导阅读者的按钮等等。
