`
月中老郎
  • 浏览: 28114 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

a 标签包含块级元素

阅读更多
这个和 CSS 没关系。而且按新的 HTML 规范,已经不按 inline 和 block 来区分元素类型了。在规范中每个元素会规定如下两项:CategoriesContent Model
Categories 是改元素本身的分类,content model 规定了合法的元素的内容(子元素、文本等)类型。a 元素的 content model 为 transparent。Some elements are described as transparent; they have "transparent" in the
  description of their content model. The content model of a transparent element is
  derived from the content model of its parent element: the elements required in the part of the
  content model that is "transparent" are the same elements as required in the part of the content
  model of the parent of the transparent element in which the transparent element finds itself.大意就是这类元素本身内部可以有任何类型的内容,是否合法要看其父元素的 content model 和其内容的 categories。比如我们要看 p > ins > a > div 是否合法,过程是这样的:p 元素的 content model 是 phrasing content,ins 本身属于 phrasing content 故可以嵌套;ins 元素的 content model 是 transparent,故在此时里面是否能有 a 需检查 p > a 的合法性;a 元素也属于 phrasing content,故 p > ins > a 合法;a 元素的 content model 也是 transparent,故此时里面包含 div 的合法性向上传递,检查 ins > div 又向上传递,变成检查 p > div;div 不属于 phrasing content,所以这个嵌套是不合法的。


路过看见扯一嘴非要从标准说的话肯定跟CSS没关系的得看HTML标准可是这货呢 HTML4 和 HTML5 说法又完全不一样H5的鸟规范整出一堆概念就如同 @顾轶灵 说的一样H4 里说的简单到爆这部分基本就一句“通常情况下行内级元素不能包含块级元素”看看通常情况下呢所以这句然并卵厂商压根不鸟厂商鸟的只有特定规定比如"P元素不能包含其他块级元素(包括P自身)"等等所以H4里“不能”才有约束作用"通常情况下不能" 就然并卵就这样咯
热门标签:http://tags.nuil.cn/
分享到:
评论

相关推荐

    HTML行内元素与块级元素有哪些及区别?

    根据标签语义化的理念,行内元素最好只包含行内元素,不包含块级元素。 转换  当然块级元素与行内元素之间的特性是可以相互转换的。HTML可以将元素分为行内元素、块状元素和行内块状元素三种。 使用display属性能够...

    html内联元素和块级元素的基本概念及使用示例

    html标签分为两种,内联元素和块级元素,首先我们先了解一下内联元素和块级元素的概念:...根据块级元素的概念我们可以理解为块级元素前后带有换行符,也就相当于元素前后加了一个 标签。我们可以把块级元素想象成一

    text-indent的用法包括块级元素等详细总结

    1.text-indent应用于块级元素 2.text-indent应用于行内元素 3.text-indent应用于替换元素 4.text-indent应用于inline-block元素 5.继承 6.总结 一、text-indent应用于块级元素 text-indent常用于段落首行2字符的缩进...

    html 块级标签与内联标签的区别

    常用的块级元素包括: p, h1~h6, div, ul等; 2. Inline element: 指依附其他块级元素存在, 紧接于被联元素之间显示, 而不换行. 常用的内联元素包括: img, span, li, br等; 3. Top-level element: 包括html, body, ...

    CSS块级元素与行级元素详解

    需要指出的是,table标签也是块元素的一种,table based layout和css based layout从一般使用者(不包括视力障碍者、盲人等)的角度来看这两种布局,除了页面载入速度的差别外,没有其他的差别。但是如果普通使用者...

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    ⑤链接(a标签)里面不能再放链接 但可以放块级元素 比如图片 (3)行内块元素 img input td ①一行上可以有多个行内块元素 中间有空隙(行内元素特点) ②默认宽度就是他本身内容的宽度(行内元素特点) ③宽高...

    html标签的嵌套规则介绍

    一、HTML 标签包括 块级元素(block)、内嵌元素(inline) 1、块级元素 一般用来搭建网站架构、布局、承载内容……它包括以下这些标签: 复制代码代码如下: address、blockquote、center、dir、div、dl、dt、dd、...

    HTML标签元素单词释义及知识点总结

    (pre是块级元素但只能包含文本或行内元素) 三.css样式和选择器 选择器 空格 后代选择器 .main div{ } 后代所有div >大于号 子元素选择器 .main>div{ } 所有儿子div +加号 相邻元素选择器 .main>ul+div{ } 紧随ul其...

    常见的HTML标记错误写法

    罪行1:把块级元素放入了内联元素内 HTML 元素的表现方式不外乎就两种:块级和内联.每一个标签都有默认的表现方式不是块级就是内联.像div和p 就是块级元素,他们用来形成文档结构.内联元素只能在块级元素内.   罪行2:...

    XHTML标签的嵌套规则分析

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

    CSS DIV元素与SPAN元素的区别

    两者最明显的区别是:DIV(division)是一个块级元素,可以包含段 落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不...

    js-concepts

    块级元素 块级元素从新行开始,占用可用的全部宽度 前任: -- 等等.. 内联元素 元素不从新行开始,而是占用必要的宽度 例如: 、、 、、、 , 等等.. 什么是语义元素? 语义元素对浏览器和开发人员都清楚地描述...

    html-css-js-practice

    块级元素-块级元素总是从新行开始。 块级元素始终占用可用的全部宽度。 它具有顶部和底部--- margin,而内联元素则没有。 -例如:div,地址,h1,aside,main,nav等2.内联元素-内联元素不会在新行上开始。 内联元素...

    HTML blockquote 标签使用与美化

    blockquote定义和用法 <blockquote> 标签定义块引用。...注释:如需把页面作为 strict XHTML 进行验证,那么 <blockquote> 元素必须包含块级元素,比如这样: 复制代码代码如下: <blockquote> <p>here is a long quot

    H5+CSS3.zip

    css盒模型:块级元素,内联元素,内敛块状元素,none使元素隐身,设置宽度、高度、背景色、边框、圆角,padding内边距,margin外边距; css布局模型:流动模型flow,浮动模型float,层模型layer,层模型的绝对定位、...

    JavaScript实现按Ctrl键打开新页面

    在简化的HTML5规范中,允许在 A 标签内包含多个 DIV 和/或其他块级元素. 现在只要用 <a> 标签包住块元素,就能搞定原来需要用JavaScript来监听并调用 [removed] 实现页面跳转(redirect)功能. 但使用<a>标签的这种包装...

    html,css基础

    一些简单的基础,其中包括HTML的结构,标签,属性,相对路径,布局,CSS方面有选择器,背景,块级元素内联元素,伪类的知识点。

    掌握常用的用于网页中引用内容的HTML标记

    长的引使用blockquote,短的引号使用q,...内容必须包括块级元素,如标题,列表,段落或div标签。这个元素也可以有一个可选属性cite指定的位置(以URI的形式出现)例如: <blockquote cite=https://www.jb51.net/re

    HTML表单_动力节点Java学院整理

    一、表单 1.表单的作用 ... 2.表单的工作机制   3.表单定义(<form></form>标签) HTML表单是一个包含表单元素的区域,...元素是块级元素,其前后会产生折行。 <form action="login.do" method="post

    前端css+html+布局笔记

    a元素可以包含任意元素,除了a本身 p元素不能包含任何块元素 伪类和伪元素 伪类和伪元素用来表示元素所处的一个特殊的状态,或者是一个特殊的位置 :link 表示一个普通的链接(未访问过的链接) :visited ...

Global site tag (gtag.js) - Google Analytics