解决错误:“废弃 document 元素之后的内容”——HTML5新特性,局部样式表
2014-09-28 11:11
295 查看
最近正在学习angularjs,不过本文和angularjs没多大关系。在学习使用route和ng-view使用模版之后,发现view装载之后,firefox都会报个错误“废弃 document 元素之后的内容”,虽然页面正常运行,不过总是看着别扭:(。
仔细查看后,发现报错之处指向了样式表标签style的结束处,这才反应过来:原来是完整html页面,样式表在head标签之中没有问题,可是现在这些各个view模版自己使用的一些样式就直接写到了模版中,因此不在整个页面的Head之中,html协议是不支持的!虽然这些style都是很简单的,局部功能专用的,但是以前如果想要解决此问题,都只能是建立一个app的整个style文件,使用class的方式解决,需要起个每个功能的样式专用的名字,再给每个元素引用,可是这样一来不但麻烦,而且麻烦!因为不能给元素写通用的样式了!很不甘心,就去W3School,仔细研究了一下html5的文档,发现HTML5已经支持局部的样式表了^_^。不过有两点要求,第一需要放在一个父元素之内,第二添加属性scoped。改造好的模版如下:
重新载入看看,完美解决!
仔细查看后,发现报错之处指向了样式表标签style的结束处,这才反应过来:原来是完整html页面,样式表在head标签之中没有问题,可是现在这些各个view模版自己使用的一些样式就直接写到了模版中,因此不在整个页面的Head之中,html协议是不支持的!虽然这些style都是很简单的,局部功能专用的,但是以前如果想要解决此问题,都只能是建立一个app的整个style文件,使用class的方式解决,需要起个每个功能的样式专用的名字,再给每个元素引用,可是这样一来不但麻烦,而且麻烦!因为不能给元素写通用的样式了!很不甘心,就去W3School,仔细研究了一下html5的文档,发现HTML5已经支持局部的样式表了^_^。不过有两点要求,第一需要放在一个父元素之内,第二添加属性scoped。改造好的模版如下:
<div id="view-xxx"> <style scoped="scoped"> A{} thead tr{} tbody tr{} </style> ... </div><!-- end of view -->
重新载入看看,完美解决!
相关文章推荐
- XML解析错误:废弃 document 元素之后的内容
- discuz!之XML解析错误:废弃 document 元素之后的内容错误
- HTML5的新特性--内容元素
- HTML5新特性新增于废弃元素标签
- 让UpdatePanel支持上传文件:解决当页面显式设置document.domain时提示的500错误
- 解决:“ScriptManager”不是已知元素。原因可能是网站中存在编译错误。
- 另类解决:“ScriptManager”不是已知元素。原因可能是网站中存在编译错误。
- Delphi 中的 XMLDocument 类详解(5) - 获取元素内容
- 解决:“ScriptManager”不是已知元素。原因可能是网站中存在编译错误。
- 开发常见错误解决(4)WSE3.0解析策略文档失败,Failed parsing the policy document
- 解决模板页使用的情况下,在内容页中使用 document.getElementById找不到控件的方法
- 用ODBC方式读取EXCEL时,读取出来的内容无效(#错误)之类的解决方法。
- Express document "Update was terminated" From ...错误解决
- 对Spfile之参数错误修改之后的解决办法(FAQ) ZZ
- "无法显示 XML 页。 使用 XSL 样式表无法查看 XML 输入。请更正错误然后单击 刷新按钮,或以后重试" 错误解决方法
- Express document "Update was terminated" From ...错误解决
- OpenCms中FCKEditor保存内容时invalid XML character (Unicode: 0x0)错误解决办法
- OpenCms中FCKEditor保存内容时invalid XML character (Unicode: 0x0)错误解决办法
- 实战解决IIS服务器的“HTTP 500 内部服务器错误”,装了Visual Studio 2005之后重装IIS的问题解决方法
- delphi 7 调用web services时报 Invalid at the top level of the document错误的解决方法