相关疑难解决方法(0)

(非空)自动关闭标签在HTML5中有效吗?

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风格的自闭标签问题.

html syntax w3c-validation

635
推荐指数
6
解决办法
27万
查看次数

如何在AngularJS中包含视图/部分特定样式

对我的应用程序使用的各种视图使用单独的样式表的正确/可接受的方法是什么?

目前我在顶部的view/partial的html中放置一个链接元素,但我被告知这是不好的做法,即使所有现代浏览器都支持它,但我可以看到为什么它不赞成.

另一种可能性是将单独的样式表放在我的index.html中,head但是如果它的视图以性能名称加载,我希望它只加载样式表.

这是不好的做法,因为直到从服务器加载css之后样式才会生效,导致在慢速浏览器中快速刷新未格式化的内容?虽然我正在本地测试它,但我还没有见证这一点.

有没有办法通过传递给Angular的对象加载CSS $routeProvider.when

提前致谢!

css model-view-controller angularjs

131
推荐指数
4
解决办法
10万
查看次数

119
推荐指数
3
解决办法
12万
查看次数

在body标签中加载外部css文件

可能重复:
如果我将css文件放在<head>或<body>中有什么区别?

通常,外部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标签中是否可以?

html css

95
推荐指数
1
解决办法
17万
查看次数

元素链接缺少必需的属性属性

<!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属性对此有特殊的语义元件.

html

79
推荐指数
4
解决办法
7万
查看次数

2018年包含CSS文件中页的缺点是什么?

有一个非常古老的线程,人们声明你永远不应该在正文中包含 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 中间页面有哪些缺点?

页面将如何呈现?那将会:

  • 开始加载 global.css、some-image.jpg、specific-component.css(按此顺序)。
  • global.css 加载后开始渲染页面,直到 specific-component.css<link>元素。
  • 完成加载特定的component.css
  • 呈现页面的其余部分。

或者它会是:

  • 等待 global.css 和 specific-component.css 完成加载,然后才开始呈现页面。
  • 如果 specific-component.css 之前有 20 张图片,浏览器会优先考虑 CSS 文件吗?

html css performance

4
推荐指数
1
解决办法
143
查看次数