如何选择使用HTML标签？什么时候选择什么样的标签？网页布局如何选择HTML标签？

布局中会遇到如何选择HTML标签布局的问题，但对于非CSS新手来说很简单，但对于刚学或刚开始CSS制作的人来说是个看不见的问题。

下面简单介绍一下如何在DIV CSS布局中选择HTML标签:

1.框架布局(使用DIV标签)

在网页中，框架布局一般使用DIV布局，无论大小，DIV标签(DIV/div)布局一般用于DIV框。

2.列表布局(使用ulli标记)

当遇到图片列表和文章标题列表时，通常使用ulli列表标签进行布局。当然，在使用这些标签时，需要CSS样式才能达到布局效果。这使得程序在调用数据时更容易做循环内容。

3.标题布局(使用h1、h2、h3和h4标签)

当遇到独立的列标题和正文标签时，通常使用h1、h2、h3和h4标题标签，这样布局内容就有了层次感。同时考虑SEO，适当使用这些标题标签有利于优化排名。

4.独立于内容的样式(使用跨度)

在一段文字中，有几个词需要单独设置颜色值。这时可以给这些单词添加span标签，给span标签设置类或者直接CSS样式，达到效果。一般来说，布局框架很少使用span。

5.功能布局(img、b、strong、u、s和其他标签)

Img标签用于吸引网页中的图片；如果是粗体文本，可以使用B标签或强标签，下划线的情况下使用U标签，文本穿透线(删除线)的情况下使用S标签等。有时候CSS不一定是用来实现这些功能布局的。更好从SEO方面适当选择这些HTML标签。

6.段落(P标签)

一般文章的段落用p标注，即每段开头用p，结尾用/p，使文章段落清晰。

7.手动强制包装布局(br标签)

当单词需要换行时，使用br标签，即“br/”。值得注意的是，br标签是单独的标签，不是盒子标签，是独立的标签。在需要包装的地方使用br标签。

8.表格类型(表格表格标签)

在HTML布局中，学习DIVCSS并不意味着放弃表格标签。有时需要表格标签，例如表格布局或tabletrtd标签布局。此时，表格布局比div标签更好。

9.表单布局(表单、输入等。)

表单标签用于会议表单布局，如注册、登录、填写数据提交地点等。

本文转载自中文网站