首页
学习
活动
专区
圈层
工具
发布

HTML嵌套规则

虽然我们可以嵌套标签,但是为了提高浏览器的渲染效率,我们应该尽少的嵌套标签,扁平化。...众所周知,HTML标签有两类: 块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes...特点:总是在新行上开始,高度、行高以及顶和底边距都可控制,宽度缺省是它的容器的100%,除非设定一个宽度 功能:主要用来搭建网站架构、页面布局、承载内容 行内元素 span、a、abbr、acronym...特点:和其他元素都在一行上,高、行高及顶和底边距不可改变,宽度就是它的文字或图片的宽度,不可改变 功能:用于加强内容显示,控制细节,例如:加粗、斜体等等 嵌套也有规则,不能随意的嵌套。...有些标签是固定的嵌套规则,比如ul包含li、ol包含li、dl包含dt和dd等等。

2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML标签嵌套规则

    0830自我总结 HTML标签嵌套规则 1.块级元素: div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex...、menu、noframes、noscript、ol、p、pre、table、ul 特点:总是在新行上开始,高度、行高以及上下边距都可控制,宽度默认是容器的100%,除非设定宽度。...、em、font、i、img、input、kbd、label、q、s、samp、select、small、strike、strong、sub、textarea、tt、u、var 特点:和其他元素都在一行上...,高、行高、以及上下边距不可变,宽度就是它的文字和图片的宽度,不可改变。...嵌套规则 块级元素与块级元素平级,如果块级里面套块级会解析并排的块级且头尾一半会补全成一个完整的 行内元素与行内元素平级,一般情况都是用span来完成行内元素直接的嵌套 行内元素不能嵌套块级元素 块级元素可以包含行内元素或某些块元素

    1.3K10

    PLSQL 联合数组与嵌套表

    嵌套表也是集合 类型中的一种,下面分别介绍这两种集合数据类型的使用方法。 一、联合数组 1、联合数组的特性 类似于一张简单的SQL表,按照主键进行检索数据 其数据行并不是按照预定义的顺序存储。...1、嵌套表的特点: 元素下表从1开始,个数没有限制.即元素个数可以动态增长 嵌套表的数组元素值可以是稀疏的,即可以使得中间的某个元素没有赋值 嵌套表的语法与联合数组类似,不同的是仅仅是少了index...如果初始化为空值,则后续需要使用extend来扩展其大小 嵌套表初始化时为密集的,但允许有间隙,即允许使用内置过程delete从嵌套表中删除元素 嵌套表类型可以作为表列的数据类型来使用 2、语法...,应当以集合的方式来看待与处理 2、联合数组在声明其类型时需要指定index by子句,而嵌套表则不需要 3、联合数组和嵌套表两者元素个数无限制    4、联合数组不需要初始化,而嵌套表则需要对其进行初始化...其次是嵌套表初始化赋空值的情形则后续需要使用extend方式来扩展集合尺寸的大小 5、联合数组不能作为表上列的数据类型,而嵌套表无此限制

    1.6K30

    嵌套评论的数据库表设计

    设计嵌套评论数据库表可仿效无限级分类,在表中加一个ParentId字段。...嵌套评论页面大致这样: 评论1 回复评论1 恢复评论1 评论2 回复评论2 评论3 …… 但是, 在显示评论的时候,如果使用ParentId会涉及到多表的联结,嵌套层级越多意味着表之间的联结增多...于是,我们想到在表中增加一个字段,用来显示所有的层级:/1/2/5/ 设计数据库和表: create database NestedCommnets use NestedCommnets Create...Content nvarchar(100) not null, Depth smallint not null, Thread nvarchar(max) not null ) 往数据库表中添加如下数据...as u order by u.Thread + LTRIM(STR(u.Depth,100,0)) 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/101200.html

    1.1K10

    Postgresql数组与Oracle嵌套表的使用区别

    oracle中的多维数组 Oracle中常说的数组就是嵌套表,下面给出两个多维使用实例,引出和PG的差异: 一维赋值(第一行给1列) set serveroutput on; declare type...,往往会把PG的数组概念对应到Oracle的嵌套表上,因为数据逻辑存储形式都表现为数组。...multidimensional arrays must have array expressions with matching dimensions postgres=# 而oracle中的嵌套表...,可以做到第一行是[1],第二行是[11,21,31],推测oracle的嵌套表类型是完全独立的一套类型系统,用指针数组实现,类似于C语言中的指针数组,使用比较灵活。...arrarr = [*p1, *p2] *p1 : [1] *p2 : [11,21,31] 所以把Oracle的嵌套表搬到PG上还是有些麻烦的,大部分功能应该都没有对标替换的方法,最好在内核支持。

    1.5K20

    MySQL行锁与表锁

    为了解决这个问题,MySQL引入了锁机制,其中最常见的是行锁和表锁。 行锁 行锁是MySQL中最细粒度的锁,它锁定了表中的一行记录,允许其他事务访问表中的其他行。...行锁适用于高并发的情况,因为它允许多个事务同时访问表的不同行,从而提高了数据库的并发性能。 表锁 表锁是MySQL中粗粒度的锁,它锁定了整个表,阻止其他事务访问表中的任何行。...表锁适用于需要对整个表进行操作的情况,但它会降低数据库的并发性能,因为只有一个事务可以访问表。 行锁的使用 行锁可以通过在SQL语句中使用FOR UPDATE或FOR SHARE子句来实现。...不同的隔离级别会影响行锁的行为,需要根据应用程序的需求进行选择。 表锁的使用 表锁是通过使用LOCK TABLES语句来实现的。...行锁与表锁的选择 在使用MySQL锁机制时,选择行锁还是表锁取决于具体的应用场景。通常情况下,应该尽量使用行锁,因为它可以提高并发性能,并减少锁定的粒度,从而减少了锁冲突的可能性。

    1.2K40

    第153天:关于HTML标签嵌套的问题详解

    HTML标签   1、块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes...、noscript、ol、p、pre、table、ul…… 特点:总是在新行上开始,高度、行高以及顶和底边距都可控制,宽度缺省的它的容器的100%,除非设定一个宽度。...、i、img、input、kbd、label、q、s、samp、select、small、strike、strong、sub、sup、textarea、tt、u、var…… 特点:和其他元素都在同一行上...,高、行高及顶和底边距不可改变,宽度就是它的文字或图片的宽度,不可改变。...3、标签嵌套规则   虽然HTML标签有很多,并且我们在制作页面的时候可以无限的嵌套,但是嵌套也有规则,不能随意的嵌套。

    1.7K20

    HTML的行元素和块元素

    行元素:整行排列,不能改变大小(宽度和高度),宽度默认文字宽度,当行元素排列过多时( 超过浏览器的宽度时自动强制换行 )。 块元素:一个块元素独占一行,宽度默认浏览器的宽度,可以改变宽度和高度。...行内块元素:属于行元素,但又有块元素的属性,横行排列但又可以设置宽度和高度。...定义地址 定义表格标题 定义列表中定义条目 定义文档中的分区或节 定义列表 定义列表中的项目 定义一个框架集 创建 HTML...表格 标签表格主体(正文) 表格中的标准单元格 定义表格的页脚(脚注或表注) 定义表头单元格 标签定义表格的表头 定义表格中的行...原文地址《HTML的行元素和块元素》

    4.1K20
    领券