本人半路出家的  今天学习js的时候写了一个a嵌套a标签结果js报错 一直找不到原因 专门找了一下html嵌套规则看了一下

    1、块级元素

   一般用来搭建网站架构、布局、承载内容……它包括以下这些标签:

   address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul

   2、内嵌元素

   一般用在网站内容之中的某些细节或部位,用以“强调、区分样式、上标、下标、锚点”等等,下面这些标签都属于内嵌元素:

   a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、tt、u、var

   二、HTML 标签的嵌套规则

   1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:

   <div><h1></h1><p></p></div> —— 对

   <a href=”#”><span></span></a> —— 对

   <span><div></div></span> —— 错

   2. 块级元素不能放在<p>里面:

   <p><ol><li></li></ol></p> —— 错

   <p><div></div></p> —— 错

   3. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:

   h1、h2、h3、h4、h5、h6、p、dt

   4. li 内可以包含 div 标签 —— 这一条其实不必单独列出来的,但是网上许多人对此有些疑惑,就在这里略加说明:

   li 和 div 标 签都是装载内容的容器,地位平等,没有级别之分(例如:h1、h2 这样森严的等级制度^_^),要知道,li 标签连它的父级 ul 或者是 ol 都 可以容纳的,为什么有人会觉得 li 偏偏容纳不下一个 div 呢?别把 li 看得那么小气嘛,别看 li 长得挺瘦小,其实 li 的胸襟很大 滴……

   5. 块级元素与块级元素并列、内嵌元素与内嵌元素并列:

   <div><h2></h2><p></p></div> —— 对

   <div><a href=”#”></a><span></span></div> —— 对

   <div><h2></h2><span></span></div> —— 错
  1. 块元素(block element)
  2.   * address - 地址
  3.   * blockquote - 块引用
  4.   * center - 举中对齐块
  5.   * dir - 目录列表
  6.   * div - 常用块级容易,也是css layout的主要标签
  7.   * dl - 定义列表
  8.   * fieldset - form控制组
  9.   * form - 交互表单
  10.   * h1 - 大标题
  11.   * h2 - 副标题
  12.   * h3 - 3级标题
  13.   * h4 - 4级标题
  14.   * h5 - 5级标题
  15.   * h6 - 6级标题
  16.   * hr - 水平分隔线
  17.   * isindex - input prompt
  18.   * menu - 菜单列表
  19.   * noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容
  20.   * noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)
  21.   * ol - 排序表单
  22.   * p - 段落
  23.   * pre - 格式化文本
  24.   * table - 表格
  25.   * ul - 非排序列表
  26. 内联元素(inline element)
  27.   * a - 锚点
  28.   * abbr - 缩写
  29.   * acronym - 首字
  30.   * b - 粗体(不推荐)
  31.   * bdo - bidi override
  32.   * big - 大字体
  33.   * br - 换行
  34.   * cite - 引用
  35.   * code - 计算机代码(在引用源码的时候需要)
  36.   * dfn - 定义字段
  37.   * em - 强调
  38.   * font - 字体设定(不推荐)
  39.   * i - 斜体
  40.   * img - 图片
  41.   * input - 输入框
  42.   * kbd - 定义键盘文本
  43.   * label - 表格标签
  44.   * q - 短引用
  45.   * s - 中划线(不推荐)
  46.   * samp - 定义范例计算机代码
  47.   * select - 项目选择
  48.   * small - 小字体文本
  49.   * span - 常用内联容器,定义文本内区块
  50.   * strike - 中划线
  51.   * strong - 粗体强调
  52.   * sub - 下标
  53.   * sup - 上标
  54.   * textarea - 多行文本输入框
  55.   * tt - 电传文本
  56.   * u - 下划线
  57.   * var - 定义变量
  58. 可变元素
  59.   可变元素为根据上下文语境决定该元素为块元素或者内联元素。
  60.   * applet - java applet
  61.   * button - 按钮
  62.   * del - 删除文本
  63.   * iframe - inline frame
  64.   * ins - 插入的文本
  65.   * map - 图片区块(map)
  66.   * object - object对象
  67.   * script - 客户端脚本

html嵌套规则的更多相关文章

  1. XHTML标签的嵌套规则分析

    在 XHTML 的语言里,我们都知道:ul 标签包含着 li.dl 标签包含着 dt 和 dd——这些固定标签的嵌套规则十分明确.但是,还有许多标签是独立的,它们没有被捆绑在一起,比如 h1.div. ...

  2. HTML5标签嵌套规则

    × 目录 [1]分类 [2]子元素 [3]总结 前面的话 在html5中,<a>元素的子元素可以是块级元素,这在以前是被认为不符合规则的.本文将详细介绍html5的标签嵌套规则 分类 ht ...

  3. HTML标签的嵌套规则

    我在平时在写html文档的时候,发现不太清楚标签之间的嵌套规则,经常是想到什么标签就用那些,后来发现有些标签嵌套却是错误的.通过网上找资料,了解了html标签的嵌套规则. 一.HTML 标签包括 块级 ...

  4. XHTML标签的嵌套规则--很基础很重要

    XHTML的标签有许多:div.ul.li.dl.dt.dd.h1~h6.p.a.addressa.span. strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套 ...

  5. HTML的奇葩嵌套规则

    一.HTML 标签包括 块级元素(block).内嵌元素(inline) 1.块级元素 一般用来搭建网站架构.布局.承载内容……它包括以下这些标签: address.blockquote.center ...

  6. html标签的嵌套规则分析

    1.a标签最好不要嵌套块级元素,可以嵌套内联元素,但是不能嵌套a标签和input之类的标签.能嵌套的标签像,等等. 2.ul和ol的子元素不能是别的元素只能是li,不能是别的比如div等,但是li中可 ...

  7. 一天搞定HTML----标签的嵌套规则06

    标签的嵌套规则 代码演示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...

  8. Less的嵌套规则

    Less的嵌套规则 在使用标准CSS时,要为多层嵌套的元素定义样式,要么使用后代选择器从外到内的嵌套定义,要么给这个元素加上类名或 id 来定义.这样的写法虽然很好理解,但维护起来很不方便,因为无法清 ...

  9. Unit 3.标签的分类和嵌套规则

    一.标签分类 HTML中标签元素三种不同类型:块状元素,行内元素,行内块状元素. 常用的块状元素: <div> <p> <h1>~<h6> <ol ...

  10. HTML(二)HTML元素(整体结构,块级元素,内联元素,结构元素,交互元素,元素嵌套规则)

    HTML整体结构解释 <!DOCTYPE html> // 文件应以"<!DOCTYPE ......>"首行顶格开始,推荐使用"<!DOC ...

随机推荐

  1. python学习-- 在for循环中还有很多有用的东西,如下:

    变量 描述 forloop.counter 索引从 1 开始算 forloop.counter0 索引从 0 开始算 forloop.revcounter 索引从最大长度到 1 forloop.rev ...

  2. CM10 WIFI连不上解决方案

    手机是Moto Mileston2 ,好久之前就刷成了CM10, 但是一直没出问题. 最近,发现在某些路由器上连接不上,总是 在验证账户或者获取IP. 解决办法如下: http://moto.zol. ...

  3. 【Luogu】P3358最长k可重区间集问题(费用流)

    题目链接 这题费用瘤,数据貌似还是错的. 把线段抽象抽象拆成两个点,入点表示左端,出点表示右端,连上容量为1费用-长度的边. 不相交线段随便连下,源点向拆出的原点S'连费用为0容量k,然后跑费用流. ...

  4. sklearn python API

    sklearn python API LinearRegression from sklearn.linear_model import LinearRegression # 线性回归 # modul ...

  5. java面试题之select、poll和epoll的区别

    消息传递方式: select:内核需要将消息传递到用户空间,需要内核的拷贝动作: poll:同上: epoll:通过内核和用户空间共享一块内存来实现,性能较高: 文件句柄剧增后带来的IO效率问题: s ...

  6. java面试题之BeanFactory和FactoryBean的区别

    BeanFactory是个Factory,也就是IOC容器或对象工厂:FactoryBean是个Bean.在Spring中,所有的Bean都是由BeanFactory(也就是IOC容器)来进行管理的. ...

  7. ELK安装文档

    ELK安装文档: http://cuidehua.blog.51cto.com/5449828/1769525 如何将客户端日志通过ogstash-forwarder发送给服务端的logstash h ...

  8. 【BZOJ1001】狼抓兔子(平面图最小割转最短路)

    题意:有一张平面图,求它的最小割.N,M.表示网格的大小,N,M均小于等于1000. 左上角点为(1,1),右下角点为(N,M).有以下三种类型的道路  1:(x,y)<==>(x+1,y ...

  9. 【NOIP2015】子串(字符串DP)

    题意:有AB两个字符串,用A中连续的K串匹配B全串,问不同的方案总数 n<=1000,m<=200,k<=m 思路:设dp[k,i,j]为用k串 A中前i个字符匹配B中前j个字符的方 ...

  10. 【CF659E】New Reform(图的联通,环)

    分析转载自http://blog.csdn.net/yukizzz/article/details/51029628 题意: 给定n个点和m条双向边,将双向边改为单向边,问无法到达的顶点最少有多少个? ...