이상적으로는 레이아웃과 프리젠 테이션을 위해 CSS를 사용하고 컨텐츠를 HTML로 만드는 것이 가장 이상적이라고 생각합니다. 그러나 회사는 "관련 기사"상자를 페이지 하단에서 페이지 상단으로 변경하려고합니다. 이 경우 CSS 만 사용하면 이상적인 솔루션이되지 않지만 HTML도 변경하는 것이 좋습니다. 지금 상황이 계속됨에 따라 HTML은 여전히 페이지 레이아웃과 프리젠 테이션에서 역할을합니까? 감사.HTML이 페이지 레이아웃에서 여전히 역할을한다는 것은 사실입니까?
것들은 html과 동일한 순서로 나타납니다. 절대 위치와 상대 위치를 사용할 수있는 것처럼 제한적이지는 않지만 바람직하지 않습니다. 배치를 처리하기 위해 DOM 플로우에 사용하는 것이 더 좋습니다. 즉, html로 노드를 이동해야합니다.
제이슨 (Jason)이 말했듯이 CSS는 콘텐츠의 스타일을 지정하기위한 것이고 콘텐츠 자체와 순서는 정보의 컨텍스트에 순서가 필요하므로 데이터 (HTML)에 의해 정의되므로 '데이터'부분
EDIT : 데이터를 디스플레이와 완전히 독립적으로 표현하려면 페이지를 xml로 정의하고 xsl을 사용하여 페이지를 정의하는 것이 좋습니다. 형세. xsl은 css와 결합하여 데이터에서 멀리 떨어져 디스플레이를 추상화합니다.
HTML은 여전히 요소의 계층 구조를 정의합니다.
HTML은 페이지를 논리적 섹션으로 나눕니다. 그런 다음 CSS는 해당 섹션에 특정 모양/느낌/스타일을 적용합니다.
페이지 레이아웃을 변경하여 페이지 레이아웃을 다른 섹션에 포함 시키려면 HTML이 페이지 레이아웃에 역할을하기 때문에 HTML을 수정할 수밖에 없습니다.
CSS를 사용하여 실제로 블록을 이동할 수 있습니다. 절충안은 CSS 기술이 얼마나 좋은지, 또는 구식 브라우저와 얼마만큼의 호환성이 있는지에 달려 있습니다. CSS가 할 수있는 것에는 한계가 있습니다. 그렇기 때문에 HTML은 분명히 여전히 역할을합니다.
div의 "소스 순서"를 변경하거나 CSS를 사용하여 위치를 변경할 수 있습니다. 그러나 html을 변경하는 것이 더 실용적이라면 다른 방법은 없습니다. 하루가 끝날 무렵, 그 중요한 내용이 의미 론적 이유 때문에 그것을 반영해야한다.
두 단계로 수행 :
첫째, 요소의 순서는 여전히 중요합니다. CSS 플로트는 레이아웃에 많이 사용되지만 올바른 위치에 물건을 가져 오려면 특정 순서로 요소가 있어야합니다. 예를 들어 두 개의 버튼이 있다고 가정 해 보겠습니다.<input type="button" value="Click Me">
<input type="button" value="No, Click Me!">
다음은 서로 옆에 있습니다. 누군가가 두 번째 버튼을 맨 오른쪽으로 옮길 것을 요구합니다. 이 방법은 다음과 같습니다.
두 번째 (떠 다니는) 단추가 다른 단추 아래에 나타납니다.
HTML이 여전히 중요한 두 번째 방법은 HTML 테이블이 필요한 순수한 CSS로는 브라우저 호환 방식 (일반적으로 IE6 지원을 의미 함) 또는 쉽게 수행 할 수없는 것들이 여전히 있다는 것입니다. 이것은 순수한 CSS 열렬한 사람들이 듣고 싶어하는 것이 아니라 현실 세계에서도 마찬가지입니다.
이것은 특히 HTML 전자 메일에 해당됩니다.CSS에 대한 브라우저 지원이 좋지 않다고 생각하시면 메일 프로그램 지원은 입니다. 일반적으로 CSS는 HTML 전자 메일과 함께 사용하지 말고 그냥 여전히 마치 1999처럼 보입니다.
그냥 쓰는 것이 낫지 않니? * 정상적인 * 이메일, 선형 흐름과 함께? 이것은 사람들이 실제로 읽고 싶어하는 종류의 전자 메일이며, 'mutt (1)'또는 what-have-you (텍스트/일반 버전을 포함하는 것을 기억한다고 가정) 에서조차 어디에서나 작동합니다. 물론, 실제 테이블을 가지고 있다면, 반드시 '
하하, 외쳐 줘서 고마워! 사실, XSL은 언급하는 것을 잊어 버렸습니다. – JasonV
NP :) 누군가가 내가 반복하고있는 것을 말하면, 나는 항상 그것을 언급한다 ... 공정한 것처럼 보인다. –
XHTML은 사실 XML 형식이기 때문에 순수한 XML보다는 XHTML을 사용하는 것이 가장 좋다. –