html - 为网页设计元素保留两组文件

标签 html css web-deployment

在进行网站设计/编程元素时,我想知道大师们保留两套文件是否很常见。一种用于开发,一种用于 jQuery 中的生产。

原因是我有一个元素,其中的标记和 CSS 受到我的高度评价。代码也有缩进、间隔和制表符。例如

标记

<!-- START google translate script link ================================================================== -->
<meta name="google-translate-customization" content="9f841e7780177523-3214ceb76f765f38-gc38c6fe6f9d06436-c"></meta>
<!-- END google translate script link ==================================================================== -->

<!-- START stylesheet link =============================================================================== -->
<link href="styles/main.css" rel="stylesheet" type="text/css" media="all" />
<!-- END stylesheet link ================================================================================= -->

<div id="header_text"><!-- START header_text ============================================================= -->
<h1 id="first-child">Pak United Food Services Ltd.,</h1>
<h1 id="last-child"><a href="http://www.pufs.org/" title="www.pufs.org">PUFS</a></h1>
<span></span>
</div><!-- END header_text =============================================================================== -->

CSS

/* START import ------------------------------------------------------------------------------------------- */
@import url("reset.css");
@import url("feature-carousel.css");
/* END import --------------------------------------------------------------------------------------------- */

/* START wrapper ------------------------------------------------------------------------------------------ */
div#wrapper
{
width: 100%;
font-family: Calibri, Arial, Georgia,Times, 'Times New Roman', serif;
font-size: 16px;
line-height: 22px;
background: url("../images/bg.jpg") repeat scroll 0 0 #1D2426;
}
/* END wrapper -------------------------------------------------------------------------------------------- */

等等。我当然不应该使用这些文件进行部署。理想情况下,它们应该被删除所有注释、空格、缩进、制表符(甚至 EOL?)。但是一旦完成,代码将非常不友好。

那么我们应该有两个以上的文件集吗?

最佳答案

拥有两组文件是一个非常非常糟糕的主意。迟早你会犯错误,一个人会与另一个人不合拍。

为什么没有部署程序?该过程的一部分可能是拍摄文件快照并在部署之前对这些文件运行脚本以删除空格等。

关于html - 为网页设计元素保留两组文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12986857/

相关文章:

html - 并排 Bootstrap 表单/按钮

javascript - 如何在 Google map 上突出显示下拉所选区域的区域

html - 如何在嵌套的 flex 容器内创建具有固定宽度的水平滚动内容?

google-app-engine - 使用 google appengine maven 插件部署 Jax-RS war

web-deployment - 如何在共享主机上部署 VuePress?

html - 如何创建一个由 14 个 div 组成的网格,占据整个浏览器屏幕宽度,并使用 html、css(也许还有 bootstrap4)在组之间使用分隔线?

ios - 在 iOS 中显示虚拟键盘时固定位置不起作用

javascript - 在javascript中对ajax滚动内容进行排序

javascript - Styled-Components - 将 Prop /主题传递给关键帧?

iis-7 - ERROR_DESTINATION_NOT_REACHABLE : Web deployment task failed