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换行进行对比参照。
网友评论