Setelah artikel "This Will Be a Revolution" dirilis. Telah diakui oleh semua orang di industri ini, dan tentu saja, itu juga telah diprovokasi oleh beberapa tantangan internal dan eksternal, tetapi lebih banyak orang meminta rincian setiap poin. Saya pulang malam ini dan pergi tidur sangat awal. Saya terbangun dalam mimpi di tengah malam. Dalam mimpi itu, saya bermain game dengan teman sekelas saya di sekolah dasar - berikutnya. Setelah bangun, saya merasa perlu melakukan sesuatu, jadi saya akhirnya memodifikasi tmenu (itu tertunda untuk waktu yang lama); Kemudian saya merasa bahwa saya perlu menulis bagian terperinci dari lima poin yang disebutkan sebelumnya dalam waktu dekat, jadi saya mulai menulis artikel ini.
Masuk akal untuk kembali ke sekolah dasar dalam mimpiku. Salah satunya adalah permainan pengingat berikutnya, dan yang lainnya adalah apa yang Piaopiao dan saya sering memberi tahu orang lain bahwa untuk belajar HTML dengan baik, kembali untuk memeriksa buku -buku bahasa Cina di sekolah dasar. Alasan untuk kembali ke sekolah dasar adalah bahwa buku-buku tidak akan ada terlalu banyak gangguan dari pendidikan yang berorientasi ujian, dan esensi di dalamnya adalah otentik, sementara buku-buku Cina berarti esensi dari HTML: judul, paragraf, daftar, daftar pustaka. Inti dari pembelajaran HTML adalah menggunakan apa pun yang seharusnya - Ghost. Tentu saja, kalimat ini membutuhkan penjelasan, dan contoh referensi adalah buku teks sekolah dasar Anda.
Pertama mari kita lihat proses produksi situs web kami. Dalam ingatan saya, situs web pertama saya dibuat pada tahun 1998, ketika saya adalah sekelompok orang yang menggunakan tabel untuk membuat halaman web. Apa masalah paling sulit yang kita pikirkan di era meja?
Tata letak kolom yang aneh tiga baris yang belum diputuskan:
Batas satu piksel yang aneh:
Setelah era tabel (saya ingat sekitar tahun 2001), orang pertama yang menggunakan <v> muncul. Jadi angin CSS bertiup di Cina. Penggunaannya adalah untuk menempatkannya di beberapa meja dan menggunakan posisi absolut CSS, dan beberapa menambahkan beberapa JS untuk membuatnya melayang di sekitar. Kemudian, seseorang mulai mempelajari CSS. Saya ingat bahwa pada tahap awal desain Ferdren, beberapa orang yang berbicara tentang kerja sama memegang buku CSS dan memberi tahu saya tentang ini dan bahwa (tentu saja, orang -orang ini akhirnya mengubah karier). Pada saat ini, pertanyaan paling sulit yang kami pikir adalah melakukan dongdong, yang disebut efek khusus Java pada waktu itu. Pada saat ini, saya tertarik dengan XML yang diusulkan oleh seseorang, tetapi saya hanya menganggapnya sebagai semacam penyimpanan data (pada kenyataannya, ini meletakkan dasar untuk implementasi Qzone).
Waktu berlalu cepat. Pada tanggal 1 Mei 2004, pada Hari Buruh Internasional, Press Industri Elektronik menerbitkan terjemahan buku berjudul "Web Refactoring - Desain dengan Standar Web". Jadi keyakinan pada CSS div tersebar di seluruh negeri, yang benar-benar berarti bahwa awal generasional dari rekonstruksi situs web Cina dimulai; Tetapi dari perspektif lain, buku ini menarik webrebuilder China keluar dari lubang api dan melemparkannya ke kang api lain. Saya pikir kita hanya bisa melihat buku ini dari perspektif melihat saat -saat makmur dari dinasti Sui dan Tang. Karena itu hanya berarti kelahiran seorang kaisar baru dan dinasti baru, dan tidak mempromosikan perubahan sosial dan evolusi dari esensinya. Buku ini sarang tabel ke div bersarang. Wacana paling populer saat itu (sampai sekarang) adalah bahwa situs web saya dibuat oleh 'Div CSS'. Pada saat ini, saya tidak bergabung dengan jajaran ini dan sedang menunggu; Karena saya memiliki pertanyaan yang sangat kritis yang tidak menyelesaikan mengapa 'Div CSS' bukannya 'Tabel CSS':
Kutipan "Ini Akan Menjadi Revolusi":
Mari kita lihat dua contoh terlebih dahulu. Tabel dan div lakukan di permukaan mereka sama, tetapi begitu manajer produk mengusulkan modifikasi, kinerja perlu berubah. Div akan dengan mudah berubah menjadi contoh ini. Seperti contoh menunjukkan bahwa tanpa memodifikasi HTML, tabel tidak dapat menyelesaikan perubahan tersebut bahkan jika dipukuli sampai mati. Keunggulan div CSS daripada Tabel CSS adalah liberalisasi pengaturan huruf. Karena contoh -contoh di atas adalah topiknya, tabel tidak akan pernah bisa melakukannya dalam hidup Anda.
Tidak sampai sekitar Qzone 3.0 saya mulai mencari jawaban di atas, yang memakan waktu sekitar satu tahun. Kemudian di Qzone 4.0, kelahiran tiga tanda DL, DT, DD dan TMenu digunakan. Apa yang saya sesali sekarang adalah bahwa saya telah membawa Anda ke CSS CSS-XHTML Cross era lain, dan itu juga membawa Anda ke kang baru. Sangat mudah untuk masuk ke kang dan sulit untuk keluar dari kang. Saya mulai mengerti mengapa dua selebriti yang direkonstruksi - Ajie dan Lao Gan, secara bertahap menghilang dari internet. Saya mulai tidak menyalahkan acara mereka sebelumnya, tetapi lebih dari semacam pemahaman, dan saya juga memutuskan. Kemudian kami mulai meletakkan fondasi untuk konsep SB kompetisi yang sehat.
Perjalanan sejarah adalah seperti di atas. Kembali ke esensi pembelajaran HTML adalah menggunakan apa pun yang seharusnya; Ini berarti bahwa tag tidak dapat disalahgunakan, dan tag yang mengembalikan ke esensi konten adalah tag yang memenuhi syarat. Ambil TMenu sebagai contoh.
Kode HTML sebelumnya adalah:
<ul class = menu>
<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 = sekarang> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
</ul>
Kode HTML sekarang:
<peta id = DirectMenu class = menu>
<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 = sekarang> <span> <span> 123123 </span> </span> </a>
<a href =#> <span> <span> 123123 </span> </span> </a> </div> </pap>
<h2> Berikut ini adalah daftar menu </h2>
<ul class = menu> <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 = sekarang> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
</ul>
Setiap orang telah melihat perbedaan antara keduanya. Ada tag peta tambahan dan tag HN. Kenapa demikian? Mari kita lihat contoh lain: ada 100 mobil dari berbagai merek, bentuk, dan warna di taman bermain; Sekarang Anda dapat membagi mobil -mobil ini menjadi beberapa kelompok dan umpan balik daftar untuk dipilih. Tentu saja, daftar penggunaan adalah sesuatu yang akan dipikirkan semua orang. Tetapi apakah Anda pernah memikirkan apa yang dapat diwakili oleh daftar ini?
Contoh kutipan
<ul>
<li> XXX Brand XXX Model </li>
<li> XXX Brand XXX Model </li>
</ul>
Lagi atau
Contoh kutipan
<Ol>
<li> XXX Brand XXX Model </li>
<li> XXX Brand XXX Model </li>
</ol>
Dengan daftar di atas, saya tidak dapat melihat dengan jelas bagaimana klasifikasi daftar ini dibentuk dan mengapa yang satu dipesan dan yang lainnya tidak teratur. Bagaimana mereka berbaris seperti ini dan mengapa mereka menyatukannya. Banyak, banyak pertanyaan. Mari kita lihat contoh berikut
Contoh kutipan
<H3> Mobil Seri Kuning </h3>
<ul>
<li> XXX Brand XXX Model </li>
<li> XXX Brand XXX Model </li>
</ul>
Lagi atau
Contoh kutipan
<h3> Tahun pabrik </h3>
<Ol>
<li> XXX Brand XXX Model </li>
<li> XXX Brand XXX Model </li>
</ol>
Contoh di atas dapat dilihat sekilas. Semua seluk beluk menjadi jelas. Namun, mengapa tag peta masih ada di kode TMENU? Mari kita lihat contohnya
Contoh di atas tentu saja benar. Namun, struktur seperti itu membuat orang merasa bahwa pengguna sangat bertenaga rendah. Bukankah menu navigasi peta situs setelah nama situs dan subyek? ( Secara khusus merujuk ke situs di mana menu ada di atas ) dan pada saat yang sama, HTML sendiri menyediakan tag khusus untuk navigasi peta situs - <peta>. Karena ada label yang memiliki makna seperti itu, mengapa Anda perlu menggunakan teks untuk menjelaskannya? Anda tidak selalu dapat menggunakan <h3> ini adalah daftar yang tidak teratur </h3> <ul> sangat idiot. Semua orang tahu bahwa ibu saya adalah seorang wanita. Mari kita lihat contoh berikut:
Ya, kodenya lebih sederhana dan lebih jelas.
Bahkan, tidak akan sulit untuk mengambil langkah pertama WebRebuild. Kembali dan lihat buku -buku bahasa Cina di sekolah dasar, pikirkan hal -hal yang paling penting, dan tanyakan lebih lanjut mengapa? . Sama seperti menjadi manusia, Anda harus seperti apa yang harus Anda lakukan. Anda tidak boleh terganggu oleh masyarakat yang kompleks dan hubungan interpersonal yang rumit. Patuhi prinsip menjadi rendah hati, bekerja keras dan menjadi manusia, emas selalu bersinar.
Kutipan Konten Saya memiliki kekhasan. Saya sangat suka itu selama wawancara, saya selalu harus mengambil pewawancara XHTML terlebih dahulu. Sama seperti ketika master merekrut peserta magang di masa lalu, kemampuan dan kebijaksanaannya adalah yang kedua, dan karakternya adalah yang pertama terpengaruh.Saya pikir XHTML seperti esensi seseorang, CSS seperti cara seseorang dalam melakukan sesuatu dan sikap, dan JS seperti perilaku dan gaya seseorang dalam melakukan sesuatu. Pemisahan ketiganya, ditambah dengan beberapa SEO perifer dan interaksi manusia-komputer, adalah apa yang kami sebut rekonstruksi situs web, yang merupakan orang yang sangat baik. Sebelumnya, beberapa orang selalu berpikir bahwa CSS adalah elemen terpenting dari situs web, tetapi pada kenyataannya, secara alami mewakili pandangan kehidupan. Memang, sulit bagi seseorang untuk bertahan hidup dengan baik dalam masyarakat saat ini tanpa cara yang baik dalam menangani berbagai hal; Tetapi jika cara menangani hal -hal yang terlalu bias, ia menjadi orang yang pandai menipu dan menggunakan cara apa pun untuk melakukan sesuatu.
Contoh kutipan
<h1> Nama Situs </h1>*
<h2> Situs Subkey </h2>*
<pap> <div> <a href =#> Connect 1 </a> <a href =#> Connect 2 </a> </div> </pap>
Catatan: Bagian komentar dari No. * digunakan untuk menekankan bahwa situs tersebut adalah waktu utama untuk promosi.
Contoh kutipan
<h1> Nama Situs </h1>*
<h2> Situs Subkey </h2>*
<h3> menu navigasi peta situs </h3>
<ul>
<li> Koneksi 1 </li>
<li> Koneksi 2 </li>
</ul>
Catatan: Bagian komentar dari No. * digunakan untuk menekankan bahwa situs tersebut adalah waktu utama untuk promosi.