CSS로 텍스트와 HTML을 분리하는 방법

웹 사이트의 유지 보수성을 향상 시키려면 은 HTML의 모든 텍스트를 분리하고 고유 한 CSS 스타일 시트에 넣는 것이 좋습니다? 모든 텍스트CSS로 텍스트와 HTML을 분리하는 방법

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

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

...

출처

2012-04-05 albertoblaz

답변은 다음과 같습니다. 당신이 할 수 있기 때문에 일을해서는 안됩니다 ._하지만 말해봐, 이것이 어떻게 좋은 생각이라고 생각하니? 어쩌면 우리가 도울 수 있습니다. –

@MrLister 웹 사이트를 영어로 표시하려면 버튼을 클릭하면 스페인어로 된 모든 문장이 포함 된 다른 스타일 시트가로드 된 페이지가 표시되는 것이 좋습니다. 이렇게하면 웹 구조 (HTML), 스타일 (CSS) 및 텍스트 (각 언어에 대해 다른 CSS로 구분)를 구분할 수 있습니다. 그러나 나는 이것이 좋지 않다는 것을 보았습니다 ... : ( – albertoblaz

@albertoblaz HTML은 내용을 설명하고 내용이 포함되어 있습니다. 두 부분을 Twig 또는 HAML과 같이 서버 측에서 분리 할 수 있지만 클라이언트 측에서 HTML에 포함 된 콘텐츠. 한 언어로 콘텐츠를 생성 한 다음 JavaScript를 사용하여 클라이언트 측에서 번역 할 수 있지만 여전히 SEO 및 접근성이 떨어질 수 있습니다. 서버 측은 여기로 갈 수있는 방법입니다. 사용하는 CMS, 언어 또는 프레임 워크에 관계없이 i18n/l10n 라이브러리. –

NO와

HTML 파일

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

    <!-- and much more elements... --> 
</body>

CSS 파일 : 나는이 같은 의미! SEO (검색 엔진 최적화)의 경우 웹 스파이더가 쉽게 읽을 수 있도록 사이트를 만들고 CSS를 사용하여 모든 요소를 채우는 것이 터미널이되어야합니다!

CSS는
HTML 콘텐츠에 대한 엄격 레이아웃에 엄격하게

사이트가 교과서로 읽기 쉽게해야합니다 - 여기에 있어야하는 콘텐츠를 찾을 가서 말을 교과서의 페이지를 상상 다른 교과서, 그리고 얼마나 괴롭겠습니까. 그것은 당신이하는 일에 효과적입니다.

HTML과 CSS를 별도로 유지하십시오! 이 같은 그것의

생각한다

경우에만 당신은 HTML에서 할 수없는 경우, CSS를 사용
만약 당신이 CSS에서 그것을 할 수없는 경우에만, 자바 스크립트

출처

2012-04-05 09:56:35 jacktheripper

를 사용 No.

레이아웃에 스타일 시트가 사용되어야합니다. 내용은 HTML 코드에 있어야합니다. jacktheripper 지적으로 검색 엔진이 페이지가 단지 비어있는 요소가 많이 포함되어 있다고 생각하므로

또한, 그것은, SEO 목적 재앙이 될 것입니다.

출처

2012-04-05 09:56:42 Guffa

아니요, 좋지 않습니다.

웹 사이트를 템플릿 화하려고하십니까? 기본적으로 모든 페이지에 특정 HTML이 나타나기를 원하지만 코드를 업데이트 할 때마다 붙여 넣기를 복사하지 않으시겠습니까? 나는 그것이 당신이 유지 보수 가능성에 대해 말하는 것을 느끼고 있습니다. 이 경우 PHP와 같은 서버 측 스크립팅 언어를 사용해야합니다. 당신이 뭔가를 할 수

이 방법 : open_template 및 close_template이 기능은 기본적으로 콘텐츠 전에 콘텐츠 다음에 오는 아무 것도 표시하는 template.php에 정의되어

**some_page.php** 
<?php 
    require("template.php"); 
    open_template(); 
    echo '<p>Hello world!</p>'; 
    close_template(); 
?> 

**template.php** 
<?php 
    function open_template() { 
     echo '<html><head><title>Title!</title></head><body>'; 
    } 

    function close_template() { 
     echo '</body></html>'; 
    } 
?>

. 분명히 이것보다 훨씬 복잡해질 수 있지만 이것은 CSS에 내용을 넣는 것보다 유지 관리가 훨씬 더 좋은 해결책이 될 것입니다.

출처

2012-04-05 09:58:33

아니, 좋은 생각이 아니며 충분히 강조 할 수는 없습니다.

콘텐츠 속성은 장식용 텍스트를 추가하기위한 것입니다. HTML은 페이지의 핵심 콘텐츠 용입니다.

검색 엔진은 콘텐츠의 색인을 생성 할 수 없으며 접근성 도구는 콘텐츠를 해석 할 수 없습니다.그리고 끔찍한 버그를 가지고 일하게 될 것입니다.

HTML, CSS, JavaScript 및 일종의 서버 측 언어로 할 수없는 일은 아마도 가치가 없습니다.

출처

2012-04-05 10:01:10

CSS로 텍스트와 HTML을 분리하는 방법

답변

관련 문제