通常,外部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标签中是否可以?
将我的页面拆分为部分(例如标题和内容),我无法避免在<body>标记内放置外部样式表的链接.
我不想将所有样式放在一个大文件中或将所有样式表都包含在<head>标记内,因为不应该不必要地加载特定于页面的样式表.
在这种情况下,在<body>标签中放置样式表是否合适?还有更好的选择吗?
有一个非常古老的线程,人们声明你永远不应该在正文中包含 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>元素。或者它会是:
所以我有一个头文件:
<html>
<head>
<link href="/design_header.css" rel="stylesheet" type="text/css" />
</head>
<body>
content
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我想把这个标题放在我的文件中
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
meta tags etc.
</head>
<body>
<div id="container_big">
<?php include 'header_login.php'; ?>
content
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
现在问题是我的网页<html>, <head>, <body>标签内有常规标签<body>.在html验证器中,我收到错误
Run Code Online (Sandbox Code Playgroud)Stray start tag html. Stray end tag head. An body start tag seen but an element of th
同类型已经开放.
怎么做得好?顺便说一句.我也以同样的方式在网页底部放置一个页脚.