HTML/Xhtml - BinaryDevelop

柔軟で安定した高品質のHTMLとCSSコード仕様の書き方ガイド

ゴールデンルール同じプロジェクトで何人が作業していても、常に同じコーディング仕様に従い、すべてのコードが同じ人によって書かれたように見えるようにする。 I. シンタックス 1. タブをスペース2個に置き換える。 2. 入れ子要素は1回インデント（空白2文字）する。　　 3. 属性定義には、必ず二重引用符を使用し、一重引用符は絶対に使用しないでください。　　 4. 自己完結型要素の末尾

2022-01-13 23:36:54
html.cssのオーバーフローを総合的に理解する。

html.cssのオーバーフローに関する包括的な理解 XML/HTMLコード内容をクリップボードにコピーする <スパン <!DOCTYPE html > <!DOCTYPE html > <スパン <スパン < html > &lt

2022-01-13 20:04:56
インライン要素spanの最小高さを定義する

htmlのページを作るときによく使われるspanタグですが、私の友人の中にはこのタグをうまく使えていない人がいて、うまく使えていると思っているようですが、特に幅と高さを定義しなければならないときには面倒なことになるようです。以前、友人に聞かれたことがある。 cssでspanのheightとwidthを定義した後、その幅と高さが無効であるかのように変化しないのはなぜでしょうか？簡

2022-01-13 19:15:37
HTMLにおけるdivとspanの違い（共通点と相違点）

共通すること DIVタグやSPANタグは、あるコンテンツを全体として扱っている、例えば、全体非表示、全体移動など。箱のようなもの。これによって、コードが合理化され、効率が上がります。相違点 1.divはコンテンツを矩形のブロックに入れており、それを動かすとレイアウトに影響が出る。一方、spanはコンテンツ全体を操作対象として定義しているだけで、レイアウトや表示には影響

2022-01-13 17:51:02
プリタグを自動改行させるサンプルコード

pre 要素は整形済みテキストを定義します。pre要素で囲まれたテキストは通常、空白と改行が残ります。また、テキストは等幅フォントとして描画されます。 pre>タグの一般的な用途は、コンピュータのソースコードを表現することです。技術ブログの場合、preタグはコードの出力やハイライトによく使われ、デフォルトではpreタグのコンテンツはスコープ外に出ても自動的に折り返されません。以下は、&

2022-01-13 17:26:20
htmlフォームの送信アクションとurlジャンプアクションの違いについて

フォームのアクションは、urlジャンプとは異なり、次のようになります。フォーム形式はバックエンドにデータを渡すことができ、そこでリクエストオブジェクトを使ってフロントエンドに直接データをリクエストすることができます。フォーム用紙は、2つの方法でデータを渡します。 method="post":これは大量のデータを渡すときに使います。データが渡される前にパッケージ化されるので、この方法でデー

2022-01-13 17:08:31
選択/フォーカスされたときにすべてのオプションを表示させる良い方法は、現在

開発中にこのような要件に出くわしたので、バックアップとして文書化しておきました。要求事項の背景ページ上のショートカットキーボードで、支払い方法の選択ボックス（ドロップダウンリスト）を素早く探し出し、選択することができます。技術的な困難現在のブラウザは、コードによって位置決めされた場合、ドロップダウンリストのすべてのオプションをリスト表示することをサポートしていません（マウス

2022-01-13 16:15:43
html doctypeの役割の紹介

文書モデルには大きく分けて2つの役割があります。 1. html 文書を解析するために使用する html または xhtml の仕様をブラウザに通知します。 2, ブラウザのレンダリングモードに影響を与える。レンダリングモードが異なると、ブラウザがCSSコードやJavaScriptスクリプトをどのように解析するかに影響するので、特にIEシリーズのブラウザでは、DOCTYPEによって決定され

2022-01-13 14:52:06
htmlのテキストボックス（テキスト）は、様々なメソッドの読み取り専用の実装を使用できません。

方法1： <input id= "File1" type= "text" 無効/> 使用不可方法2： <input id= "File1" type= "text" readonly/> read-only 方法3： <input id= "File1" type= "text" style="display:none"/> 非表示（ただし場所を取る）

2022-01-13 14:38:44
IE8、IE9の互換表示モードをHTMLでそれぞれ無効にする裏技

IE 8から、IEには互換モードが追加され、これをオンにすると、IEの下位バージョンでレンダリングされるようになりました。しかし、これによってページに不具合が生じることもあるので、通常は以下のコードをhtmlに追加して、IEに固定レンダリングモードを使用させるようにしています。コピーコードコードは以下の通りです。 <meta http-equiv="X-UA-Co

2022-01-13 14:21:25
タグのhref属性とonclickイベントの比較

まず、href属性とonclickイベントの実行順序ですが、aタグ上でマウスをクリックすると、まずonclickイベントが実行され、次にhref属性下のアクション（ページジャンプ、またはjavascriptの疑似リンク）、href属性下のアクションの実行を行わない場合は、onclickがfalseを返す必要があり、一般的にはonclick="○○();を返す falseと記述されています。 hr

2022-01-13 13:18:30
iframeのパラメータを解説と使用例で整理してみました

<iframe src="test.jsp" width="100 height="50″ frameborder="no " border="0″ marginwidth="0″ marginheight="0″ scrolling="no" allowtransparency="yes" ></iframe> iframe runat="server" src=

2022-01-13 10:55:22
ハイパーリンク付きの美しいチェックボックスを多くのコードなしでシンプルにカスタマイズ

今日、htmlのチェックボックスは変更できるスタイルが限られているし、今はチェックボックスを作るのにたくさんのコードを書かなければならないので、簡単に実装する方法を考えてみました。これが実現可能であることは完全に実証済みです。さっそくですが、参考までにソースコードを直接貼っておきます。効果を達成しました。チェックをはずした場合。選択されている場合画像の背景です。

2022-01-13 09:13:22
meta name="" content="役割の詳細

I. シンタックス <meta name="name" content="string"/> II. パラメータの解決 a. 名前の項目：一般的なオプションは、キーワード（keywords）、説明（site DeepL content）、著者（author）、ロボット（robots wizard）などです。 b. http-equiv項目：名前項目の代わりに使用でき、

2022-01-13 07:23:30
htmlタグのカスタム属性に関する質問

開発前は素直にhtmlのデフォルト属性（class、nameなど）を使っていました。Huaweiの外注に飛びついて、オープンソースのフレームワークを使って、モールシステムをやりました。コーディング中に、以下のような、タグの中にカスタムタグがたくさん入っている状況に遭遇しました。コピーコードコードは以下の通りです。 <img msrc="<s:proper

2022-01-13 04:37:43
ラベルやスパンの幅設定が無効な場合の解決方法について

デフォルトでは、labelとspanの幅の設定は無効です。通常は、display属性でコピーコードコードは以下の通りです。 display:block; これでうまくいきます。しかし、自動的に改行を入れてくれますので、改行したくない場合はコピーコードコードは以下の通りです。 display:inline-block; これは改

2022-01-13 01:29:35
ウェブサイトでは、ページの内容や情報を直接コピーして解除することはできません。

現在、多くのウェブサイトでは、ページ内の特定のコンテンツや情報を直接コピーすることはできず、アカウント登録やポイントなどを必要とします。しかし、急いでいてアカウントを取りたくない場合もあるので、難しい方法を取らざるを得ません。ただし、制限もありますし、すべてのWebサイト、特にFlashを使って読み込んでいるWebサイトには適用されません...。 I. コピーする内容を選択したら、右クリック-コ

2022-01-10 22:40:06
iframeのテクニックを使って、訪問者にqqの実装アイデアとサンプルコードを提供する。

今日、職場の派遣の友人から、Webページを使って訪問者のqqを取得する方法を聞かれました。私は前にそれを触れたことがない、私は非常に好奇心を感じるが、脳の仕事は非常にハイパーである、高速に回し、すぐに技術を考えることを学んだ知識を使用して、つまり、ユーザーがスペースまたはメールボックスを入力したことを前提に、qqを介して我々が設定したページを入力する前に、そうです。は確かに私たちのコンピュータ

2022-01-10 21:58:50
HTMLでフォームコントロールを無効にする2つの方法 readonly と disabled

Webページの作成では、フォームを使うことが多いですね。しかし、時には、フォーム上のコントロールを変更できないようにしたい場合があります。例えば、パスワードの変更ページでは、ユーザー名を表示するテキストボックスは変更できないようにする必要があります。 htmlで無効化する方法は2つあります。 1. controlタグにreadonly='readonly'属性を追加します。 2. コントロー

2022-01-10 20:56:25
nofollowタグの使用と分析

nofollowをめぐる論争ザックとグオピンはしばらくnofollowについて論争していた。つまり、nofollowはPRを無駄にするかどうかということだ。そうすると、ページのPRはこれらのリンクに10分割され、もしリンクの1つがnofollowであれば、対応するPRは輸出されず、結局このリンクに向けられるべきPRがどこにあるかについては不明である。説明によると、nofollowのリンクに

2022-01-10 20:02:39

最新

おすすめ