首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML嵌套规则

虽然我们可以嵌套标签,但是为了提高浏览器的渲染效率,我们应该尽少的嵌套标签,扁平化。...众所周知,HTML标签有两类: 块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes...特点:和其他元素都在一行上,高、行高及顶和底边距不可改变,宽度就是它的文字或图片的宽度,不可改变 功能:用于加强内容显示,控制细节,例如:加粗、斜体等等 嵌套也有规则,不能随意的嵌套。...有些标签是固定的嵌套规则,比如ul包含li、ol包含li、dl包含dt和dd等等。...在元素内嵌入元素会导致所有浏览器的解析错误(a也不可嵌套button,input等交互元素) 在列表元素等插入非列表兄弟元素会导致IE6\IE7的解析错误

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

    有关PHP、HTML引号、双引号转义以及转成HTML实体的那些事!

    一、单引号和双引号转义在PHP的数据存储过程中用得比较多,即往数据库里面存储数据时候需要注意转义单、双引号; 先说几个PHP函数: 1、addslashes — 使用反斜线引用(转义)字符串;   返回字符串...这些字符是单引号(')、双引号(")、反斜线(\)与 NUL(NULL 字符)。 一个使用 addslashes() 的例子是当你要往数据库中输入数据时。...废话不多说,这里有几个关于PHP转实体的函数需要详细了解: 1、htmlspecialchars() 转义特别的字符为HTML实体; '&' (ampersand) becomes '&' '"...set. '<' (less than) becomes '<' '>' (greater than) becomes '>' 2、htmlspecialchars_decode()将实体转成HTML...代码,函数1的反函数 3、 htmlentities()这个是全部转换html实体,和htmlspecialchars()区别在于,这个函数是转义全部的字符,而htmlspecialchars()仅仅转义上面限定的

    3.9K70

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

    HTML标签   1、块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes...3、标签嵌套规则   虽然HTML标签有很多,并且我们在制作页面的时候可以无限的嵌套,但是嵌套也有规则,不能随意的嵌套。   ...(6)a标签不能嵌套a标签(链接嵌套)     只要a标签里面也任何形式嵌套a标签,都会被浏览器解析为兄弟级关系     (7)如若需要进行链接嵌套,可以推荐使用area标签 对于链接的嵌套,平时如果大家留意的话...src="">   4、关于HTML5...新特性   在HTML5 中,元素不再按照display属性来区分,而是按照内容模型来区分,分为: 元数据型(metadata content)是可以被用于说明其他内容的表现或行为,或者在当前文档和其他文档之间建立联系的元素

    1.5K20

    HTMLHTML 标签 ① ( 骨架标签 | 双标签和单标签 | 嵌套关系和并列关系 | 文档类型 | 页面语言 | 编码字符集 )

    文章目录 一、HTML 标签简介 二、HTML 骨架标签 三、双标签和单标签 四、嵌套关系和并列关系 五、文档类型 六、页面语言 七、编码字符集 一、HTML 标签简介 ---- HTML 英文全称...HTML 标签都在 尖括号 中进行定义 , 这些标签都有各自的语法规范 ; 二、HTML 骨架标签 ---- HTML 骨架标签 : 跟标签 : 所有的标签都在 跟标签 中 ; 中的 是开始标签 ; 结束标签 : 后面的标签称为结束标签 , 中的 是结束标签 , 结束标签比开始标签多了标签关闭符.../ ; 单标签 : 单标签 都是 空元素 , 不需要再标签中包含内容 , 如换行标签 ; 四、嵌套关系和并列关系 ---- 双标签之间的关系 : 嵌套关系 : 下面代码中 html 标签...与 head 标签 , 属于 嵌套关系 , 一般 子标签 会相对于 父标签 缩进一个 TAB 身位 ; 并列关系 : 下面代码中 head 标签 与 body 标签 , 属于 并列关系 , 二者 对齐排在一起就可以

    1.3K10

    【渗透技巧】XSS三重URL编码绕过实例

    0x01 漏洞实例 某次测试中,遇到一个很奇葩的XSS,我们先来加一个双引号,看看输出: ?...如图,可以看到,双引号被转义了,这时候是不是有种想放弃的想法,抱着尝试的状态,我对双引号进行URL双重编码,再看一下输出: ?...很惊喜的发现, 居然又被转义了,正常情况下,如果接受参数直接进行HTML ENCODE编码输出,这里应该输出是%22,但是这边却输出了 " ,说明服务端接收参数后进行了url解码操作。...URL编码被还原为双引号,闭合了前面的双引号,并带入到html中。我们可以轻易地构造Payload实现XSS。 ?...根据实际情况,给出的安全建议:HTML ENCODE处理后直接输出变量。 一次有趣的漏洞挖掘过程,黑盒渗透的乐趣,你无法想象你构造的Payload,服务端会返回给你什么样的惊喜。

    3.8K10

    es6 模板字符串_es6 方法模板渲染

    一、基本使用 1、传统字符串 传统做法需要使用大量的“”(双引号)和+来拼接才能得到我们需要的模版。但是这样是十分不方便的。...并且存下一下几点缺陷: 1)传统的字符串拼接不能正常换行 2)传统的字符串拼接不能友好的插入变量 3)传统的字符串拼接不能友好的处理单引号、双引号互相嵌套的问题。...text line 2`); // "string text line 1 // string text line 2" 二、区别 1、拼接区别 普通拼接 var html...' + 'Today is a good day' + '' 模板字符串拼接 var html...可以看到Es6模板字符串的嵌套不仅更加的简单,而且逗号显示也更加的清晰。普通的嵌套更容易出错。而且模板字符串还有一个更大的优点,那就是嵌套里面还能嵌套

    64020
    领券