节点属性和常见块元素与内联元素嵌套规则

节点类型  数值常量  字符常量
Element(元素节点)  1   ELEMENT_NODE
Attr(属性节点)     2   ATTRIBUTE_NODE
Text(文本节点)     3   TEXT_NODE
Comment(注释节点)  8   COMMENT_NODE
Document(文档节点) 9   DOCUMENT_NODE
DocumentType(文档类型节点)  10  DOCUMENT_TYPE_NODE
DocumentFragment(文档片段节点)  11  DOCUMENT_FRAGMENT_NODE
节点类型                 nodeName        nodeValue
Element(元素节点)    元素的标签名(DIV)       null
Attr(属性节点)         属性的名称(id)   属性的值(container)
Text(文本节点)             #text        节点所包含的文本
Comment(注释节点)        #comment        注释的内容
DocumentType(文档类型节点) doctype的名称(html)  null
DocumentFragment(文档片段节点) #document-fragment  null

常见的块元素:address, blockquote, dir, div, dl, dt, dd, form, h1~h6, ol, p, pre, table, ul
常见的内联元素:a, abbr, b, br, em, i, img, input, label, select, small, span, strong, textarea

块元素与内联元素嵌套规则

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

(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></div></li>

(5) 块元素和块元素并列,内联元素和内联元素并列

正确:

<div><h2></h2><p></p></div>

错误:

<div><h2></h2><span></span></div>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • 一、任何不是块级元素的可见元素都是内联元素## 块元素(block element) * address - 地址...
    huyi0616阅读 575评论 0 0
  • 块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签P。form这个块元素比较特殊,它只能...
    三杯两盏石酒_9265阅读 1,163评论 0 3
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,675评论 32 459
  • HTML中的元素可分为两种类型:块级元素和行级元素。这些元素的类型是通过文档类型定义(DTD)来指明。块级元素:显...
    adingmoon阅读 522评论 0 0