Javascript html片段中的样式标记_Javascript_Html_Css_Angular Ui Router

Javascript html片段中的样式标记

javascript html css

Javascript html片段中的样式标记,javascript,html,css,angular-ui-router,Javascript,Html,Css,Angular Ui Router,在我的html部分中包含样式和脚本标记是否有益？我觉得这更有道理，但我不是100%确定。我对有益的定义是：它在维护和修改方面具有良好的扩展性几乎没有或根本没有绩效处罚代码更容易理解这是我所说的一个例子 <html> <style> /*Application wide styling*/ body{ height:1000px; width:100%; }

在我的html部分中包含样式和脚本标记是否有益？我觉得这更有道理，但我不是100%确定。我对有益的定义是：

它在维护和修改方面具有良好的扩展性
几乎没有或根本没有绩效处罚
代码更容易理解

这是我所说的一个例子

<html>

    <style>
        /*Application wide styling*/
        body{
            height:1000px;
            width:100%;
        }
    </style>

    <body>

        <!-- Include homepage partial -->

    </body>
</html>


<!-- homepage partial -->

<style>
        .subcontent_wrapper{
            height:40px;
        }
</style>
<div class="main_content">
    <div class="subcontent_wrapper">
        <!-- include subcontent1 partial -->
    </div>
    <div class="subcontent_wrapper">
        <!-- include subcontent2 partial -->
    </div>
</div>

<!-- subcontent1 -->
<style>
    #subcontent1{
        font-size: 10px;
    }
</style>
<div id="subcontent1" class="subcontent">
    <p>Hello,</p>
</div>


<!-- subcontent2 -->
<style>
    #subcontent2{
        font-size: 12px;
    }
</style>
<div id="subcontent2" class="subcontent">
    <p>World!</p>
</div>


/*应用程序范围的样式*/
身体{
高度：1000px；
宽度：100%；
}
.分包商{
高度：40px；
}
#分包商1{
字体大小：10px；
}
你好,
#分包商2{
字体大小：12px；
}
世界

与普通方式（即单独包含所有css）相比，这有什么优点/缺点吗

编辑：html部分，我指的是动态插入到文档中的任何html。通常将页面拆分为“包装器”，并将其他html文件插入其中。当我说包含html部分时，我提到的html部分被插入到文档的该区域。

这个问题有点接近观点，但我要说的是，在html部分中包含样式标记（它们不应该在html中的任何地方。这就是CSS的用途！）

至于脚本标记，在需要的地方添加它们；有时JavaScript需要放在HTML文档中的特定位置，因此在不改变代码以允许它从

元素中运行的情况下，您必须这样做。

将

包含在HTML代码中是一种非常糟糕的做法，因为它极大地妨碍了代码的可维护性

我不知道你是从哪里得到你的假设的，但让我们稍微讨论一下：

它在维护和修改方面具有良好的扩展性

这是完全错误的。
你的应用程序可能会超过几个页面，当这种情况发生时，你会发现自己有几十（或数百？）个小

片段

祝你好运，当你决定你想要的字体大一点

几乎没有或根本没有绩效处罚

这也不是事实。
一开始可能不太明显，但当你的应用程序增长时，你的代码中到处都会有大量冗余的CSS

这当然是需要下载的额外信息

代码更容易理解

也许是今天。
从现在开始一个月后再看代码，你会诅咒自己试图在几十（或数百）个几乎相同的代码片段中找到自己的代码片段

另外，作为旁注，您不应该在分部代码中包含

标记

编辑：我差点忘了脚本的事
既然您将问题标记为

angularUI路由器

，我想您使用的是

AngularJS

在这种情况下，让脚本标记充斥HTML毫无意义。

什么是HTML部分？我在编辑中回答了你的问题。我没有做假设，我问这是否有益，并解释了有益的定义。谢谢你的详尽回答！哦，糟糕，我误读了那部分。无论如何，我的彻底回答导致了一位不知名（无法解释的）赞助人的否决票。。。酷！