HTML / CSS編碼標准

Question

我正在建立我的第一個實習網站。 我的老師總是告訴我不要在我的html頁面上嵌入任何樣式。現在，我實際上正在創建一個網站，我覺得這很煩人，如果我想更改span標簽的字體顏色-我必須對其進行識別並在css文件中引用它。 除了組織目的之外，還有其他使用CSS的原因嗎？ 嵌入單一樣式會成為慣例突破者嗎？ 感謝您閱讀本文，我們將不勝感激。

Answer 1

有兩個原因。

您想更改單個頁面上單個元素的樣式的時間應該非常少見，因此不應該這么麻煩。 在任何其他時候，它將更加有效（從HTTP緩存的角度來看），並且更易於維護（從樣式和結構的角度出發）以外部化樣式信息。

由於您很有可能希望針對不同的媒體（例如，屏幕和打印）以不同的方式設置樣式，因此您也需要適當的樣式表。

Answer 2

如果您將樣式嵌入到多個HTML頁面中，並且想在以后進行更改，則必須逐文件進行更改。 這對我來說是一個足夠好的理由。

Answer 3

這里的關鍵詞是可維護性 。 有組織的代碼是可維護的代碼！ 將ID添加到標記中並在全局css文件中進行引用比內聯進行標記要好得多，因為如果以后要更改該樣式，則知道在哪里可以找到它，而只需在其中進行更改即可。一個地方。

Answer 4

您希望將CSS卸載到其他文件中的原因是瀏覽器可以緩存它。 否則，瀏覽器必須在每個頁面上加載所有CSS以及所有標記。 如果將其保存在單獨的文件中，則瀏覽器只需加載一次CSS。

Answer 5

對此的基本論點是，HTML的目的是提供結構，而CSS的工作是提供樣式，通過將CSS嵌入HTML中，您將打破這一基本規則。 另外，您將很難維護頁面。

Answer 6

理想情況下，設計應足夠一致，以便您可以在此類情況下使用通用規則。 如果您想強調某些內容，那么<em>或<strong>可能是您要走的路。 在設置了<em>或<strong>樣式之后，您可以輕松地將相同的重點添加到網站的其他區域。

這不僅涉及性能或樣式，還涉及一致性和易於維護。

在設計中找到相似的元素，並對其進行類似的標記。 就這么簡單。

Answer 7

即使它只是“ 1”，您仍然應該這樣做，因為它可以幫助您養成習慣。

Answer 8

嵌入式CSS具有以下問題：-1.具有瀏覽器兼容性問題。 例如，示例在理解內置樣式方面存在問題。 2.如果要再次使用相同的CSS樣式，則最好為其提供一個類。