解读,HTML中的容器标签

更新时间:2018-07-11 10:13:47 点击次数:1321次

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

列表标签

 View Code

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

表格标签

 View Code

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

框架标签

框架是互联网早期的标签,现在开发中基本上已经不再使用了,但是在一些早期的网站中还可以看到这些内容,所以有必要了解这些内容。常见的框架标签包括<frameset>、<iframe>两种,下表是我们整理的一些框架相关的代码。

<framset>标签

 View Code

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

<iframe>标签

<iframe src="http://www.sina.com.cn/" width="100%" height="1000px"></iframe>

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

布局标签

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

本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是一个个人学习交流的平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽,造成漏登,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

回到顶部
嘿,我来帮您!