自闭合和标签与伪元素的简史

htmlHTML是Web的统一语言，这些包含在尖括号中的简单标签构成了今天的Web。1991年，TimBerners-Lee写了一份名为“HTML标签”的文档，其中包含大约20个用于标记网页的HTML标签。他直接借用了SGML的标记格式，也就是我们后面看到的HTML标记格式。本文简要介绍了HTML（Web标记语言）的发展历史。从IETF到W3C：通往HTML4的道路HTML1从未存在，HTML的第一个正式版本是HTML2.0，由IETF（互联网工程任务组）推出。在它出来之前，这个版本中的许多细节已经实现。比如1994年的Mosaic浏览器就实现了在文档中嵌入图片的方法，后来的HTML2.0吸收了img标签。后来，W3C取代了IETF的角色，成为HTML的标准组织。20世纪90年代后半期，HTML的版本频繁改版，直到1999年的HTML4.01。至此，HTML迎来了第一个拐点。在HTML4之后，出现了一些差异。XHTML1：XML-styleHTMLHTML4.01之后的第一个修订版是XHTML1.0，其中X代表“eXtensible”，扩展，当然也有人解释为“eXtreme”，极端。XHTML1.0基于HTML4.01，没有引入任何新的标签或属性。唯一的区别是语法。HTML的语法比较随意，而XHTML像XML一样要求严格的语法。　　使用严格的语法规范，要求开发者使用单一的代码风格并不是坏事。例如，HTML4.01允许您使用大写或小写字母来标识标记元素和属性，而XHTML只允许使用小写字母。XHTML1.0的推出恰逢CSS的兴起，Web开发设计人员开始意识到Web标准的问题。基于XHTML的严格语法规范被认为是编写HTML代码的最佳实践。　　于是，W3C推出了XHTML1.1。　　如果XHTML1.0是XML样式的HTML，那么XHTML1.1就是真正的XML。这意味着XHTML1.1不能使用text/htmlmime-type直接输出。但是，如果Web开发者使用XMLmime-type，当时的主流浏览器IE是完全不支持的。似乎W3C当时正在与Web失去联系。对于吃力不讨好的XHTML2　　，对于W3C来说，HTML4已经是个好东西了。他们的下一步是XHTML2，希望将Web带入XML的光明未来。尽管XHTML2听起来与XHTML1相似，但两者之间存在许多差异，并且XHTML2不向前兼容，甚至与以前的HTML不兼容。这是一种全新的语言，来来去去都无需担心。这真是一场灾难。WHATWG：与W3C决裂　　W3C闭门造车的作风引起了一些人的不满，Opera、Apple、Mozilla的代表开始表示反对。2004年，Opera的IanHickson提议扩展HTML以适应新的Web应用程序，但该提议被W3C否决了。于是，他们自发组织成立了超文本应用技术工作组，即WHATWG。从WebApps1.0到HTML5　　从一开始，WHATWG和W3C就走了不同的路线。W3C对问题的讨论是集体投票，而WHATWG是由主要作者IanHickson决定的。从表面上看，W3C更加民主。然而，事实上，各种内部纷争会让一些决议局限于泥潭。在WHATWG中，事情会更容易进展。弹劾的作者。　　一开始，WHATWG的主要工作包括两部分，WebForms2.0和WebApps1.0，都是HTML的扩展。后来，它们合并在一起成为了现在的HTML5规范。　　当WHATWG致力于HTML5时，W3C继续他们的XHTML2.0，然而，他们慢慢陷入困境。　　2006年10月，网络之父TimBerners-Lee发表了一篇博文，指出从HTML到XML的路径行不通。几个月后，W3C组建了一个新的HTML工作组，他们非常明智地选择了WHATWG的工作作为基础。这种转变引起了一些混乱，因为W3C正在研究两套规范，XHTML2和HTML5（请注意，W3C的HTML5在5之前有一个空格，而WHATWG的HTML5没有空格），而WHATWG也在研究相同的规范工作。XHTML已死：XHTML语法永远存在　　2009年，当W3C宣布结束XHTML2的工作时，这一混乱开始变得清晰起来，这是XHTML2迟来的讣告。嘲笑那些使用XHTML1规范的人，但他们似乎忘记了XHTML1和XHTML2是截然不同的东西。同时，XHTML1规范的制定者担心XHTML1中严格的语法规范会被HTML5弃用。事实证明，这种担心是多余的。HTML5支持松散语法和类似XHTML1的严格语法。HTML5Roadmap　　HTML5目前的状态是不像以前那么混乱了，但是还是不清楚。有两个组织同时在做它的规范，做事风格完全不同，WHATWG是buybeforeyoutaste，W3C是tastebeforeyoubuy，它们形成了一种不可靠的联姻，最终人们将不得不面对HTML5或HTML5问题。html5和其他的不一致，可以查看：查看HTML5的区别声明声明放在文档的最前面，标签之前。此标记告诉浏览器文档使用哪种HTML或XHTML规范。HTML4的三种模式：HTML4.01规定了三种文档类型：Strict、Transitional和Frameset。同样，XHTML1也有三种模式：XHTML1.0规定了三种XML文档类型：Strict、Transitional和Frameset。但是目前HTML5中只有一个声明：，目前标准已经达到HTML5第二版，查看HTML5.3；自闭和标签写对了开始符号和结束符号，你可以在标签内插入其他标签或文本；由于自闭标签没有结束符号，所以没有办法在里面插入其他标签或文本，只能定义它自己的一些属性。常见的自闭和标签：1、定义了页面的描述信息，供搜索引擎查看。2、用于连接外部CSS文件或脚本文件。3、定义了页面上所有链接的基本定位。4.
用于换行。5.

//不规则//HTML标准写伪元素::placeholder伪元素被添加到选择器中，但它没有描述一个特殊状态，它们允许您对元素的某些部分进行样式设置；最常见的是::before-::after,::after::before::first-letter::first-line::selectionexperimental_embedded::backdrop::placeholder::marker::spelling-error::grammar-error对于很多自闭和标签，其实应该是不支持伪元素的，但是input元素有一个特殊的伪元素，可以设置placeholder的样式；::-webkit-input-placeholder::-moz-placeholder:-ms-input-placeholder::placeholderios的弹性滚动和滚动问题-webkit-overflow-scrolling:touch;是一个webkit内核浏览器用在移动端的滚动条效果，通常我们的页面会滚动（body会默认采用这种方案，无需代码声明）。手指触摸滑动时，不会滚动，有一种惯性和回弹效果，这段代码就是为了让它有这种类似App的效果。在使用这段代码的时候，马上就带来了一个问题。-webkit-overflow-scrolling:touch带来的滚动条；不滚动时是隐藏的，当手指尝试滑动滚动条时会显示出来。但是，此控件的样式不能像桌面浏览器那样自定义，这意味着它不能隐藏。也就是说，这两个属性不兼容。-webkit-scrollbar{display:none;}-webkit-overflow-scrolling:touch;目前解决方案：父容器设置固定高度h，overflow:hidden，滚动容器高于父容器h+10px；滚动容器的子内容高度与父容器相同，比滚动容器小10px，然后滚动条会被父容器隐藏。子元素