的W3C验证不喜欢自闭合标签(那些与"端/>")上非空元素.(Void元素是那些可能不包含任何内容的元素.)它们在HTML5中仍然有效吗?
可接受的 void元素的一些示例:
<br />
<img src="" />
<input type="text" name="username" />
Run Code Online (Sandbox Code Playgroud)
被拒绝的非虚元素的一些例子:
<div id="myDiv" />
<span id="mySpan" />
<textarea id="someTextMessage" />
Run Code Online (Sandbox Code Playgroud)
注意: W3C验证器实际上接受无效的自动关闭标签:由于简单的拼写错误(\>而不是/>),作者最初遇到了问题.但是,自动关闭标签在HTML5中通常不是100%有效,并且答案详细说明了各种HTML风格的自闭标签问题.
对我的应用程序使用的各种视图使用单独的样式表的正确/可接受的方法是什么?
目前我在顶部的view/partial的html中放置一个链接元素,但我被告知这是不好的做法,即使所有现代浏览器都支持它,但我可以看到为什么它不赞成.
另一种可能性是将单独的样式表放在我的index.html中,head但是如果它的视图以性能名称加载,我希望它只加载样式表.
这是不好的做法,因为直到从服务器加载css之后样式才会生效,导致在慢速浏览器中快速刷新未格式化的内容?虽然我正在本地测试它,但我还没有见证这一点.
有没有办法通过传递给Angular的对象加载CSS $routeProvider.when?
提前致谢!
我们是否需要type="text/css"为<link>在HTML5标签?
通常,外部css文件加载代码放在html的标题上.
<head>
...
<link href="/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
...
</head>
Run Code Online (Sandbox Code Playgroud)
但是,有时我应该把我的css加载代码放在body标签中,我的意思是..
<body>
...
<link href="/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
...
</body>
Run Code Online (Sandbox Code Playgroud)
所以我的问题是,将我的css加载代码放在body标签中是否可以?
<!DOCTYPE html>
...
<link rel='stylesheet' id='basecss-css' href='http://www.someurl.com/modules/14ce1e21/peadig-eucookie.css' type='text/css' media='all' />
Run Code Online (Sandbox Code Playgroud)
为什么验证器(http://validator.w3.org/)拒绝这个?我不知道什么属性是"必需的"?
错误:
错误行408,列142:元素链接缺少必需的属性属性..../modules/14ce1e21/peadig-eucookie.css'type ='text/css'media ='all'/>元素链接的属性:全局属性href crossorigin rel media hreflang type sizes此外,title属性对此有特殊的语义元件.
有一个非常古老的线程,人们声明你永远不应该在正文中包含 CSS,但是 MDN声明这是允许的。那么在页面中间包含 CSS 是好的还是坏的做法?
例如,让我们采用这样的结构:
<html>
<head>
<link href="global.css" rel="stylesheet">
</head>
<body>
<h1>Some title</h1>
<p>Some content</p>
<img src="some-image.jpg" />
<link href="specific-component.css" rel="stylesheet">
<div>
Specific component that requires the style
</div>
<p>Other content</p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
与将其包含到 head 部分相比,包含 specific-component-style.css 中间页面有哪些缺点?
页面将如何呈现?那将会:
<link>元素。或者它会是: