HTML中的容器标签

作者: 一墨编程学习 | 来源:发表于2018-07-16 17:20 被阅读10次

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

列表标签

 View Code

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

表格标签

 View Code

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

框架标签

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

 View Code

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

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

布局标签

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

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

感谢阅读

喜欢看小编文章的点个订阅或者喜欢!小编每天都会跟大家分享文章,也会给大家提供web前端学习资料。

相关文章

  • HTML中的容器标签

    什么是容器标签?在HTML开发中我们常常会使用一类标签作为容器放置一些内容,我们把这类标签称之为容器标签,可以作为...

  • HTML知识点梳理(详细整理版)

    一.HTML文档基本结构 二.常用HTML标签(元素) 文本标签:( — )标题大小、 标签、 本段落、 文本容器...

  • 2018-09-18 第二阶段 day2

    1.html-表单标签 1.1 form标签 表单标签是用来收集用户信息的。是一个容器,用来获取这个标签中相应的其...

  • 2018-09-18-day22HTML&CSS总结

    一、HTML部分 1.表单标签 form标签 表单标签是用来收集用户信息的,是一个容器,用来获取这个标签中相应的其...

  • CSS的显示模式

    在HTML中 HTML将所有的标签分为两类。容器级和文本级, 在CSS中也将所有标签分为两类,块级和行内元素, 除...

  • CSS元素的显示模式

    在HTML中HTML将所有的标签分为两类, 分别是容器级和文本级 在CSS中CSS也将所有的标签分为两类, 分别是...

  • 【前端】-005-页面制作-HTML-文档章节标签

    body 标签 页面内容容器标签 页面结构标签 在HTML5中可以语义化的表示页面的章节结构,之前用div,现在用...

  • CSS-元素显示模式

    在html中将html将所有标签分为两类:分别为容器级别和文本级别在CSS中CSS也将所有的标签分为两类:分为块级...

  • web前端入门到实战:CSS显示模式&模式转换

    一、CSS显示模式​ 1.在HTML中HTML将 所有的标签分为两类,分别是容器类和文本级。在CSS中CSS也将所...

  • JSX规则

    ReactDOM.render(标签\组件,容器,渲染后的回调函数) 解析规则 遇到<标签 用HTML 解析遇到 ...

网友评论

    本文标题:HTML中的容器标签

    本文链接:https://www.haomeiwen.com/subject/geibpftx.html