HTML は実際にはいくつかの重要なタグを学習する応用_HTML/Xhtml_Web ページ制作

WBOY
リリース: 2016-05-16 16:45:55
オリジナル
1303 人が閲覧しました

「これは革命になる」という記事が出た後。もちろん、業界内外からの挑戦も受けていますが、より重要なのは、より多くの人々が細部まで求めていることです。今夜は早く家に帰り、とても早く寝ました。夜中に夢から目覚めました。夢の中で、小学校​​のクラスメートと「ザ・ネクスト」というゲームをしていました。目が覚めてから、何かをしなければいけないと思い、ようやくTMENUを修正しました(ずっと遅れていました)。次に、前述の5つの点について実際のケースをいくつか詳しく書き留める必要があると感じました。それでこの記事を書き始めました。
夢の中で小学校に戻るのは当然です。 1 つは、「The Next」ゲームを見て思い出したということ、もう 1 つは、Piaopiao と私がよく他の人に話していることです。HTML をしっかり学ぶには、まず小学校の中国語の本を読む必要があります。小学校に戻る理由は、そこにある本は過度な受験教育に邪魔されず、そこにある「本質」が本物であり、中国語の本はタイトル、段落、リストといったHTMLの本質を意味するからです。 、および参考文献。 HTML 学習の本質は、本来あるべきものをすべて使用することです ——ゴースト。もちろん、この文には説明が必要です。参考例は小学校の中国語の本です。
まず、ウェブサイトの制作プロセスを見てみましょう。私の記憶では、私の最初の Web サイトは 1998 年に作成されました。当時、あるグループがテーブルを使用して Web ページを作成していました。テーブル時代に最も難しい質問は何ですか?
ユニークな 3 行と無期限の列のレイアウト:
HTML は実際にはいくつかの重要なタグを学習する応用_HTML/Xhtml_Web ページ制作
ユニークな 1 ピクセルの境界線:
HTML は実際にはいくつかの重要なタグを学習する応用_HTML/Xhtml_Web ページ制作
テーブル時代 (私の記憶では 2001 年頃) の後、
を使用する最初のグループが現れました。中国でもCSSのトレンドがあったのですね。使用方法は、それを多数のテーブルに配置し、CSS の絶対位置を使用することです。また、いくつかの JS を追加してフロートさせることもあります。その後、CSSを勉強し始めた人もいて、「Fengren Design」の初期の頃は、CSSの本を持ってあれこれ話してくれた人が多かったように記憶しています(もちろんです)。これらの人々は最終的にキャリアを変えました)。このとき一番難しいテーマは、当時「Java特撮」と呼ばれていたドンドンを作ることだと感じていました。この時、ある人が提案したXMLに惹かれましたが、それを一種のデータストレージとしてしか見ていませんでした(実際、これはQzone実装の原型でもありました)。
時が経つのは早いものです。2004 年 5 月 1 日の国際労働者の日、Electronic Industry Press は『Website Reconstruction - Designing with Web Standards』という書籍の翻訳を出版しました。その結果、「DIV CSS」の信念が国中に広がり、まさに中国のウェブサイト再構築の時代を超えたスタートが始まったことを意味しますが、別の観点から見ると、この本は中国の WebReBuilder を火の玉から引き抜き、それを投げ捨てました。別のファイヤーピットへ。この本は隋唐の視点からしか見ることができないと思います。それは革新的な皇帝と新たな王朝の誕生を意味するだけであり、本質的に社会の変革や進化を促すものではないからである。この本は、テーブルのネストを div のネストに変えます。当時 (今まで) 最も人気のある言葉は、「私の Web サイトは "DIV CSS" でできています。」 現時点では、私はこの流行に参加せず、まだ発表されていない非常に重要な質問があるため、待っていました。解決済み: 「なぜですか? 'TABLE CSS' ではなく 'DIV CSS'」:
「This Will Be a Revolution」からの引用:
まず 2 つの例を見てみましょう。表面的には、table と div は同じですが、プロダクト マネージャーが変更を提案すると、パフォーマンスを変更する必要があります。 div はこのタイプに簡単に変更できます。この例から、HTML を変更しなければ、テーブルを徹底的に叩きのめしたとしても、そのような変更を完了できないことがわかります。上記の例を例に挙げると、TABLE CSS は、存続期間中にこれを達成することはできません。
私が上記の答えを見つけ始めたのは Qzone3.0 の頃で、それにはほぼ 1 年かかりました。そしてQzone4.0では「dl、dt、dd」という3つのマーカーが使用され、TMENUが誕生しました。私が今とても後悔しているのは、私がまた、世代を超えた新たなスタートである「XHTML CSS」に皆さんを連れて行ってしまったこと、同時に皆さんを新たな温床に連れて行ってしまったことです。ホットベッドに入るのは簡単だが、そこから抜け出すのは難しい そのとき初めて、2人の復興セレブ、アジエとラオ・ガンがなぜ徐々にインターネットから姿を消したかを理解し始めた。私は以前に起こったことを彼らを責めるのではなく、もっと理解するようになり、心の中で密かに決心しました。 「健全な競争」への道を拓く「SB」構想が始まった。
HTML 学習の本質に立ち返るということは、タグを悪用することはできず、コンテンツの本質に戻るタグが修飾されたタグであることを意味します。 TMENU を例に挙げます。
の前の HTML コードは次のとおりです。

現在の HTML コードは次のとおりです。


以下はメニュー一覧です



この 2 つの違いは誰でもわかります。追加のmapタグとhnタグがあります。これはなぜでしょうか?別の例を見てみましょう。遊び場には、さまざまなブランド、形、色の 100 台の車があり、これらの車をいくつかのグループに分けて、選択用のリストを提供します。もちろん、リストの使用は誰もが考えることです。しかし、このリストが何を表しているか考えたことがありますか?
引用例

  • XXX ブランド XXX モデル

  • XXX ブランド XXX モデル


または
引用例

  1. XXX ブランド XXX モデル

  2. XXX ブランド XXX モデル


上記のリストについては、このリストの分類がどのように形成されているのか、なぜ一方が順序付けされ、もう一方が順序付けされていないのか、まったく理解できません。それらはどのようにしてこのように配置され、なぜ一緒に配置されるのでしょうか?たくさんの質問。もう一度次の例を見てみましょう
引用例

イエロー系車



  • XXX ブランド XXX モデル

  • XXX ブランド XXX モデル


または
引用例

製造年



  1. XXX ブランド XXX 型番

  2. XXX ブランド XXX 型番


上記の例は誰にとっても一目瞭然です。すべての詳細が明らかになりました。しかし、なぜ TMENU コードにマップ タグがあるのでしょうか?例を見てみましょう

上記の例はもちろん正しいです。しかし、このような構造では、ユーザーは非常に愚かに感じます。サイト名とサブタイトルの後にサイトマップのナビゲーションメニューがあるのではありませんか。 ( は、特に上部にメニューがあるサイト を指します。) また、同時に、HTML 自体は、サイト マップ ナビゲーションを特に参照するタグ、 を提供します。それ自体に意味のあるラベルがあるのに、なぜ言葉で説明する必要があるのでしょうか?

これは順序のないリストです

    をあまり愚かに使用することはありません。おばあちゃんが女性であることは誰もが知っています。もう一度次の例を見てみましょう。


    コードがよりシンプルで明確になりましたね。



    実際、WebReBuild の最初のステップである HTML を実行するのは難しいことではありません。小学校の中国語の本に戻って、最も本質的なことを考え、「なぜ?」と自問してください。人間であるべきであるように、複雑な社会や面倒な人間関係に惑わされず、地に足のついた仕事をし、地に足の着いた人間でありましょう。 、そして金は常に輝きます。
    引用
    私には癖があります。面接中は常に最初に面接官の XHTML をテストする必要があるのが気に入っています。かつて師匠が弟子を募集したときと同じように、能力や知恵は二の次であり、人格が最優先されました。
    私は、XHTML は人の本質のようなもの、CSS は人の物事のやり方や態度、JS は人の行動や物事のスタイルのようなものだと信じています。この 3 つの分離に加え、周辺の SEO と人間とコンピューターの相互作用を Web サイトの再構築と呼びます。これは非常に優れた人です。以前は、CSS が Web サイトの最も重要な要素であると常に考えていた人もいました。実際、CSS は当然ながら人生観を表しています。確かに、物事のやり方や姿勢がしっかりしていなければ、人は現代社会で生きていくことは難しいですが、物事のやり方や姿勢が偏りすぎると、人は騙すのが上手で悪徳な人間になってしまいます。 。
    引用例

    サイト名

    *

    サイトサブラベル

    *

    注: * が付いた注釈部分は、サイトがプロモーションの優先順位であることを強調する場合に使用されます。
    引用例

    サイト名

    *

    サイトサブラベル

    *

    サイトマップナビゲーションメニュー



    • 接続 1

    • 接続 2


    注: * の注釈部分は、サイトがプロモーションの優先順位であることを強調する場合に使用されます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート