如何使用CSS分隔Text和HTML

alb*_*laz 3 html css text pseudo-element

为了提高网站的可维护性,将所有文本与HTML分开并将其全部放在一个独特的CSS样式表中是一个好主意吗?我的意思是,像这样:

HTML文件

<body>
    <h1 class="home-title"></h1>
    <p class="description"></p>

    <!-- and much more elements... -->
</body>
Run Code Online (Sandbox Code Playgroud)

包含所有文本的CSS文件

.home-title:after {
    content: "Welcome to my website!";
}

.description:after {
    content: "This is a demo ok?";
}

...
Run Code Online (Sandbox Code Playgroud)

Guf*_*ffa 5

没有.

样式表应该用于布局.内容应该在HTML代码中.


此外,正如jacktheripper指出的那样,对于搜索引擎优化而言,这将是一场灾难,因为搜索引擎会认为您的页面只包含很多空元素.