美文网首页
标签的相互嵌套规则是怎样

标签的相互嵌套规则是怎样

作者: 九天懒猫 | 来源:发表于2022-11-28 06:10 被阅读0次

1-html 嵌套规范注意点

1-1块级元素一般作为大容器,可以嵌套:文本,块级元素,行内元素,行内块元素等;但是,p标签中不要嵌套div标签,p,h,等块级标签;

1-2-a标签内可以嵌套任意元素,但是,a标签不能嵌套a标签;

2-注意点

2-1大标签嵌套小标签。是父子;

2-2块级嵌套行内

p标签不能嵌套嵌套h1~h6;

h1~h6不能嵌套p标签

一个段落,一个是标题;

3-1-1测试 p标签不能嵌套div;代码截图:

3-1-2 浏览器显示:

小结,右键检查,显示浏览器自动闭合了两个p标签,强制不准p标签嵌套h1和div标签;

3-2-1 p标签嵌套其他标签,比如

span,b,strong,i,em,s,del,u,ins,ins,small,big,sub,sup;

3-2-2 测试代码截图:

浏览器截图:

对比不嵌套图片和代码:

小结,嵌套标签后浏览器显示正常,检查图如下;检查后,未发现强制闭合标签;

4-1 测试a标签,a标签不能嵌套a标签;

代码截图:

浏览器显示和浏览器检查截图:

小结,当a标签嵌套a标签后,显示浏览器点击检查后,看到标签被强制闭合,使其不能被嵌套;

检查显示a标签嵌套h1,div标签时,显示正常;

4-2 测试a标签嵌套其他标签,代码和浏览器显示截图;

浏览器检查截图

小结,浏览器显示a标签嵌套后,文本显示正常,浏览器检查正常,无强制闭合;

a标签嵌套标签后,所有字体变成蓝色,点击后变色,并且,自带下划线;

a标签嵌套标签后,不会自动换行,需要添加br换行进行对比参照。

相关文章

  • 学习第七天

    今天学习了一些基本的规则 标签嵌套规则:块标签可以随便嵌套标签(p 里面不能嵌套块标签) ...

  • HTML实现有序列表和无序列表

    先看看效果图 ul和ol 在HTML众多标签里,ul是无序列表标签,ol是有序列表标签,它们可以相互嵌套使用,而效...

  • 前端小知识点

    看似简单的东西,越是很重要,赶紧收藏起来吧!标签的嵌套: 块标签可以嵌套任何标签2.p标签绝对不能嵌套块标签 行标...

  • 相互嵌套

  • 数据解析XML和JSON

    XML 这种格式的数据是由一个一个的相互嵌套的标签对组成 示例

  • 常用的HTML标签

    1. iframe标签 功能:嵌套页面 1.1 a标签和iframe标签一起使用实现嵌套页面间的切换 2. a标签...

  • scss基础用法

    html 嵌套嵌套标签.main { .top { background: red; }...

  • 初识HTML与MAC操作系统

    一、 1. 标签分为单标签与双标签 2. 标签必须闭合 3. 标签可以嵌套 嵌套标签必须缩进(tab键) 4. 标...

  • 【CSS】继承样式

    继承是指,应用在某个标签上的CSS属性传给了内部嵌套的标签。 例如, 标签嵌套在 标签里,所以应用在 标签上的部分...

  • HTML第一阶段四五天

    1、列表 ul 和ol中尽量不要嵌套其他的标签 但是li 标签里面可以嵌套其他标签 1.1、无序列表(unorde...

网友评论

      本文标题:标签的相互嵌套规则是怎样

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