"이것은 혁명이 될 것입니다"라는 기사가 발표 된 후. 그것은 업계의 모든 사람들에 의해 인정되었으며 물론 일부 내부 및 외부 과제에 의해 유발되었지만 더 많은 사람들이 각 지점에 대한 자세한 내용을 요구하고 있습니다. 나는 오늘 밤 집에 가서 아주 일찍 잠자리에 들었다. 나는 한밤중에 꿈에서 일어났다. 꿈에서 나는 초등학교에서 반 친구들과 게임을하고있었습니다 - 다음. 깨어 난 후, 나는 무언가를해야한다고 느꼈으므로 마침내 tmenu를 수정했습니다 (오랫동안 지연되었습니다). 그런 다음 가까운 장래에 언급 된 5 가지 포인트의 상세한 부분을 써야한다고 생각했기 때문에이 기사를 작성하기 시작했습니다.
내 꿈에서 초등학교로 돌아가는 것이 합리적입니다. 하나는 다음 알림의 게임이고, 다른 하나는 Piaopiao와 나는 종종 다른 사람들에게 HTML을 잘 배우기 위해 초등학교에서 중국어 책을 확인하기 위해 돌아가서 종종 다른 사람들에게 말합니다. 초등학교로 돌아 오는 이유는 책이 시험 지향 교육에서 너무 많은 간섭이 없을 것이기 때문에, 그에 대한 본질은 정통적이고, 중국 책은 HTML의 본질을 의미합니다 : 제목, 단락, 목록, 참고 문헌. HTML 학습의 본질은 유령이어야 할 것이 무엇이든 사용하는 것입니다 . 물론이 문장에는 설명이 필요하며 참조 예는 초등학교 중국 교과서입니다.
먼저 웹 사이트 제작 과정을 살펴 보겠습니다. 내 기억에 따르면, 첫 번째 웹 사이트는 1998 년에 웹 페이지를 만들기 위해 테이블을 사용한 사람들 그룹이었을 때 만들어졌습니다. 테이블 시대에 우리가 생각하는 가장 어려운 문제는 무엇입니까?
이상한 3 열 미정 열 레이아웃 :
이상한 원 픽셀 경계 :
테이블 시대 이후 (2001 년경에 기억) <div>를 사용한 최초의 사람들이 나타났습니다. 그래서 중국에서 CSS 바람이 불었습니다. 사용법은 그를 여러 테이블에 넣고 CSS의 절대 포지셔닝을 사용하는 것이며 일부는 JS를 추가하여 그를 떠 다니게합니다. 나중에 누군가 CSS를 공부하기 시작했습니다. Fengren Design의 초기 단계에서 협력에 관해 이야기 한 몇몇 사람들은 CSS 책을 개최하고 이것에 대해 이야기했으며 (물론이 사람들은 결국 경력을 바꿨습니다). 현재 우리가 생각한 가장 어려운 질문은 그 당시 Java 특수 효과라고 불리는 동곤을하는 것이 었습니다. 현재 나는 누군가가 제안한 XML에 매료되었지만 방금 일종의 데이터 저장소로 간주했습니다 (실제로 Qzone 구현을위한 토대가 마련되었습니다).
시간이 날아갑니다. 2004 년 5 월 1 일, 국제 노동절에 Electronics Industry Press는 "Web Refactoring -Web Standards와의 디자인"이라는 책을 번역했습니다. 그래서 Div CSS에 대한 믿음은 전국에 퍼져 있었는데, 이는 실제로 중국 웹 사이트 재건의 세대 간 시작이 시작되었음을 의미합니다. 그러나 다른 관점에서 볼 때,이 책은 중국의 WebBuilder를 불 구덩이에서 꺼내어 또 다른 화재 강에 던졌습니다. 우리는 수이와 탕 왕조의 번영을 보는 관점에서만이 책을 볼 수 있다고 생각합니다. 그것은 새로운 황제와 새로운 왕조의 탄생을 의미하며, 본질에서 사회적 변화와 진화를 장려하지 않기 때문입니다. 이 책은 테이블을 div 중첩으로 둥지입니다. 당시 가장 인기있는 담론 (지금까지)은 내 웹 사이트가 'Div CSS'에 의해 만들어 졌다는 것입니다. 현재, 나는이 순위에 가입하지 않았고 기다리고있었습니다. '테이블 CSS'대신 왜 'Div CSS'를 해결하지 못하는 매우 중요한 질문이 있었기 때문입니다.
인용 "이것은 혁명이 될 것입니다":
먼저 두 가지 예를 살펴 보겠습니다. 표와 Div는 표면에서 동일하지만 제품 관리자가 수정을 제안하면 성능이 변경되어야합니다. DIV는이 예가되기 위해 쉽게 변경 될 것입니다. 예에서 알 수 있듯이 HTML을 수정하지 않으면 테이블이 사망하더라도 그러한 변경 사항을 완료 할 수 없습니다. 표 CSS보다 DIV CSS의 우수성은 조판의 자유화입니다. 위의 예가 주제와 같이, 테이블은 평생 동안 그것을 할 수 없습니다.
Qzone 3.0 주변까지는 위의 답변을 알아 내기 시작했으며 약 1 년이 걸렸습니다. 그런 다음 Qzone 4.0에서 3 개의 마크 DL, DT, DD 및 TMENU의 탄생을 사용 하였다. 내가 후회하는 것은 내가 당신을 또 다른 크로스 시대 시작 -xhtml CSS로 데려 왔으며, 또한 당신을 새로운 강으로 데려 왔다는 것입니다. 강에 들어가기 쉽고 강에서 나가기가 어렵습니다. Ajie와 Lao Gan의 두 명의 유명 인사가 인터넷에서 점차 사라진 이유를 이해하기 시작했습니다. 나는 그들의 이전 사건을 비난하기 시작했지만 더 많은 이해가 있었고, 또한 내 마음을 구성했습니다. 그런 다음 우리는 Healthy Competition의 SB 개념의 기초를 마련하기 시작했습니다.
역사적 여정은 위와 같습니다. HTML 학습의 본질로 돌아가는 것은 그것이 무엇이든 사용하는 것입니다. 이는 태그를 남용 할 수 없으며 컨텐츠의 본질로 복원하는 태그는 자격을 갖춘 태그입니다. Tmenu를 예로 들어보십시오.
이전의 HTML 코드는 다음과 같습니다.
<ul class = 메뉴>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =# class = now> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
</ul>
HTML 코드는 이제 다음과 같습니다.
<map id = DirectMenu 클래스 = 메뉴>
<div> <a href =#> <span> <span> 123123 </span> </span> </a>
<a href =#> <span> <span> 123123 </span> </span> </a>
<a href =#> <span> <span> 123123 </span> </span> </a>
<a href =# class = now> <span> <span> 123123 </span> </span> </a>
<a href =#> <span> <span> 123123 </span> </span> </a> </div> </map>
<H2> 다음은 메뉴 목록 </h2>입니다
<ul 클래스 = 메뉴> <li>
<a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =# class = now> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
</ul>
모두가 둘 사이의 차이점을 보았습니다. 추가 맵 태그와 HN 태그가 있습니다. 왜 그렇게예요? 다른 예를 살펴 보겠습니다. 놀이터에는 다른 브랜드, 모양 및 색상의 100 대의 자동차가 있습니다. 이제이 자동차를 여러 그룹으로 나누고 선택 목록을 피드백 할 수 있습니다. 물론 사용 목록은 모두가 생각할 것입니다. 그러나이 목록이 무엇을 나타내는 지 생각한 적이 있습니까?
인용 예
<ul>
<li> xxx 브랜드 xxx 모델 </li>
<li> xxx 브랜드 xxx 모델 </li>
</ul>
다시 또는
인용 예
<ol>
<li> xxx 브랜드 xxx 모델 </li>
<li> xxx 브랜드 xxx 모델 </li>
</ol>
위의 목록을 사용하면이 목록의 분류가 어떻게 형성되는지와 하나가 주문되고 다른 하나가 무질서한 이유를 분명히 알 수 없습니다. 그들은 어떻게 이런 식으로 줄을 섰고 왜 그들을 합한가? 많은 질문. 다음 예를 살펴 보겠습니다
인용 예
<H3> 옐로우 시리즈 자동차 </h3>
<ul>
<li> xxx 브랜드 xxx 모델 </li>
<li> xxx 브랜드 xxx 모델 </li>
</ul>
다시 또는
인용 예
<H3> 공장 연도 </h3>
<ol>
<li> xxx 브랜드 xxx 모델 </li>
<li> xxx 브랜드 xxx 모델 </li>
</ol>
위의 예는 한눈에 볼 수 있습니다. 모든 ins와 아웃이 분명해졌습니다. 그러나 왜 TMENU 코드에도 맵 태그가 여전히 존재합니까? 예를 살펴 보겠습니다
위의 예는 물론 정확합니다. 그러나 이러한 구조는 사람들이 사용자가 매우 저전력이라고 느끼게합니다. 사이트 이름과 하위 마크 다음에 사이트 맵 내비게이션 메뉴가 아닌가? ( 특히 메뉴가 상단에있는 사이트를 참조하고 동시에 HTML 자체는 사이트 맵 내비게이션 - <map>에 대한 태그를 제공합니다. 그 자체로 그러한 의미를 가진 레이블이 있기 때문에 왜 그것을 설명하기 위해 텍스트를 사용해야합니까? 항상 <h3>를 사용할 수는 없습니다. 이것은 변하지 않는 목록 </h3> <ul> 따라서 바보입니다. 우리 어머니는 여자라는 것을 모두 알고 있습니다. 다음 예를 살펴 보겠습니다.
예, 코드는 더 간단하고 명확합니다.
실제로 WebRebuild의 첫 번째 단계를 수행하는 것은 어렵지 않습니다. 돌아가서 초등학교의 중국어 책을 살펴보고 가장 중요한 것들에 대해 생각하고 더 많은 이유를 물어보십시오. . 인간이되는 것처럼, 당신은해야 할 일과 같아야합니다. 복잡한 사회와 번거로운 대인 관계에 방해가되어서는 안됩니다. 지구까지의 원칙을 고수하고 열심히 일하며 인간이되며 금은 항상 빛납니다.
견적 내용 나는 기발한 것이있다. 인터뷰 중에 정말 좋아합니다. 항상 면접관 XHTML을 먼저 가져 가야합니다. 마스터가 과거에 견습생을 모집했을 때와 마찬가지로 그의 능력과 지혜는 두 번째이며 그의 성격은 가장 먼저 영향을받습니다.XHTML은 사람의 본질과 같고 CSS는 사람의 일과 태도를하는 방식과 같으며 JS는 사람의 행동과 스타일을하는 것과 같습니다. 일부 주변 SEO 및 인간 컴퓨터 상호 작용과 함께 세 가지의 분리는 우리가 웹 사이트 재건이라고 부르는 것입니다. 이전에는 어떤 사람들은 항상 CSS가 웹 사이트의 가장 중요한 요소라고 생각했지만 실제로는 자연스럽게 삶의 견해를 나타 냈습니다. 실제로, 사람이 사물을 다루는 좋은 방법없이 오늘날 사회에서 잘 생존하기가 어렵습니다. 그러나 사물을 다루는 방법이 너무 편견이 있다면, 그는 속이는 데 능숙하고 일을 할 수단을 사용하는 사람이됩니다.
인용 예
<H1> 사이트 이름 </h1>*
<H2> 사이트 하위 키 </h2>*
<map> <div> <a href =#> Connect 1 </a> <a href =#> Connect 2 </a> </div> </map>
참고 : No. *의 주석 부분은 사이트가 홍보의 주요 시간임을 강조하는 데 사용됩니다.
인용 예
<H1> 사이트 이름 </h1>*
<H2> 사이트 하위 키 </h2>*
<H3> 사이트 맵 내비게이션 메뉴 </h3>
<ul>
<li> 연결 1 </li>
<li> 연결 2 </li>
</ul>
참고 : No. *의 주석 부분은 사이트가 홍보의 주요 시간임을 강조하는 데 사용됩니다.