html中什么标签可作容器,3. HTML中的容器标签

什么是容器标签？在HTML开发中我们常常会使用一类标签作为容器放置一些内容，我们把这类标签称之为容器标签，可以作为容器标签的包括列表标签、表格标签、框架标签、布局标签，在这里我们就来总结下这些内容。

列表标签

• 无序列表-1
• 无序列表-2
• 无序列表-3
• 无序列表-4
• 无序列表-5

• 无序列表-1
• 无序列表-2
• 无序列表-3
• 无序列表-4
• 无序列表-5

• 无序列表-1
• 无序列表-2
• 无序列表-3
• 无序列表-4
• 无序列表-5

• 无序列表-1
• 无序列表-2
• 无序列表-3
• 无序列表-4
• 无序列表-5

1. 有序列表
2. 有序列表
3. 有序列表
4. 有序列表
5. 有序列表

1. 有序列表
2. 有序列表
3. 有序列表
4. 有序列表
5. 有序列表

1. 有序列表
2. 有序列表
3. 有序列表
4. 有序列表
5. 有序列表

1. 有序列表
2. 有序列表
3. 有序列表
4. 有序列表
5. 有序列表

1. 有序列表
2. 有序列表
3. 有序列表
4. 有序列表
5. 有序列表

1. 有序列表
2. 有序列表
3. 有序列表
4. 有序列表
5. 有序列表

自定义列表

内容

自定义列表

内容

自定义列表

内容

自定义列表

内容

自定义列表

内容

自定义列表

内容

在HTML中提供了三种列表形式，即无序列表、有序列表以及自定义列表。其中无序列表的应用场景最多，自定义列表几乎没有被使用，有序列表只是在特殊的场合中使用。而且在使用有序列表的时候会遇到一个特别有意思的情况，就是有序列表的标记可以是数字，而数字足够我们使用，但是英文字母的数量是有限的，那么在列表项超过了26个英文字母的时候会遇到什么情况呢？

表格标签

单元格内容

单元格内容

单元格内容

单元格内容

表格结构在互联网早期被用作实现网页的布局，但是现在表格只是用来呈现一些数据，因为表格结构会产生大量的标签，而且一旦网页结构改变，那么整个网页的结构就需要改变，这点对于开发人员来说会特别的痛苦，所以后来就逐渐的抛弃了这种方式。在这里我们只要熟悉表格结构就好。

框架标签

框架是互联网早期的标签，现在开发中基本上已经不再使用了，但是在一些早期的网站中还可以看到这些内容，所以有必要了解这些内容。常见的框架标签包括

、两种，下表是我们整理的一些框架相关的代码。

标签

2-3 容器标签 框架

这个标签可以十分方便的让我们实现菜单目录的功能，对于页面的重复利用非常方便，所以很受欢迎。

标签

这种标签可以十分方便的在我们的网站中嵌入一些其他网站的页面。

布局标签

所谓布局标签，很简单就是用来实现网页布局的

、 这些标签，是现在设计网页中重要的HTML标签。不过值得说明的是这些标签没有实际的语义，只是作为容器来放置一些内容，所以建议在实际开发中不要滥用，否则的话HTML的结构会特别复杂，代码也会特别多。

html5中的容器标签和文本标签

html5中的容器标签和文本标签 html中的容器级标签和文本级标签,css中的块级元素和行内元素是我们常常拿来比较的四个名词(行内块级暂时先不考虑). 容器标签 容器级的标签可以简单的理解为能嵌套其 ...

html标签，格式控制标签，内容容器标签，超链接标签，图片标签，表格

打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin  上边距 leftm ...

Winform容器标签 打印标签 对话框控件

一.容器标签 布局: Anchor:锁定位置,指定与窗口容器的边缘位置,会随着窗口大小的改变而改变: Dock:填充窗口的位置.一般与容器标签同时使用. 1.Panel:对控件进行分组.可以独立布局, ...

html body的属性 格式控制标签 内容容器标签 超链接标签 图片标签 表格

一.body的属性

html5中的video标签和audio标签

不管是否承认,flash早已不像过往那样如日中天了.亚马逊全面放弃flash.苹果放弃flash.安卓也放弃了移动端的flash支持.事实上flash已经不太适合web开发了,因为HTML5中的vid ...

HTML之body标签中的相关标签

一 字体标签   字体标签包含:h1~h6.....^.

ng-repeat不添加容器标签

如UL中的循环, 我们不期望添加额外的div之类的容器标签, 使用ng-repeat-start和ng-repeat-end可以实现

随机推荐

Unix调试工具dbx使用方法

dbx 命令 用途 提供了一个调试和运行程序的环境. 语法 dbx [ -a ProcessID ] [ -c CommandFile ] [ -d NestingDepth ] [ -I Dire ...

wf(四)

我们已经在c#和xaml上编写了工作流,或者有的人会觉得在xaml上编写的workflow没什么优点,然而其实xaml其实具有一些很特别的优势. 1. xaml支持工作流设计器,c#不支持: 2. x ...

Hive优化(转)

一.join优化 Join查找操作的基本原则:应该将条目少的表/子查询放在 Join 操作符的左边.原因是在 Join 操作的 Reduce 阶段,位于 Join 操作符左边的表的内容会被加载进内存, ...

JUnit4简要说明

单元测试(unit testing),是指对软件中的最小可测试单元进行检查和验证. 开发者编写一小段代码,用于检验被测代码的一个很小的.很明确的功能是否正确. 通常而言,一个单元测试是用于判断某个特定 ...

聚类算法初探(六)OPTICS

最近由于工作需要,对聚类算法做了一些相关的调研.现将搜集到的资料和自己对算法的一些理解整理如下,供大家参考. 另外在算法代码方面,我也做了一些实现(包括串行和并行),欢迎感兴趣的朋友探讨和交流. 第一 ...

LNMP安装与配置

Nginx与apache.lighttp性能综合对比,如下图:                           注意:关闭rpm默认安装的apache和mysql 1.准备php函数的rpm包 y ...

UDP协议实现客户服务器数据交互

UDP协议实现客户服务器数据交互 按照往常一样将今天自己写的题目答案写在了博客上习题:客户端循环发送消息给服务端,服务端循环接收,并打印出来,直到收到Bye就退出程序. package network ...

full gc频繁的分析及解决案例

full gc频繁的分析及解决案例 2016-04-14 09:20:54      0个评论    来源:end's coding life   收藏   我要投稿 现象 ? 1 系统报警full ...

U8800 手机恢复出厂设置出现轻触Android开始页面 处理办法

U8800 恢复出厂设置出现轻触Android开始页面处理办法 问题现象 Huawei 手机U8800刷机后,点击恢复出厂默认设置后,出现了一个一直停留在“欢迎使用Android 轻触 Android ...

django项目的生产环境部署，利用nginx+uwsgi

1.坏境准备 centos6.5 django项目 python坏境(python3.6,) 所需的各种模块(django,uwsgi,sqlite3)具体看坏境 我的测试django项目的数据库用的 ...