HTML/Xhtml - BinaryDevelop

IEにおけるDOCTYPEの役割

前回の記事でフォームの自動入力の問題を解決した後、新たな問題が発生しました。それは、ページ上の一部のスタイルがIEで正しく表示されないということです。IEの開発者ツールで該当するスタイルの存在を確認し、正しく表示できたローカルのhtmlページと比較したところ、開発者ツールでfont-sizeスタイルとして表示されていた一部のフォントスタイル以外は、スタイルが正しく表示されない原因であるマージンスタ

2022-02-07 11:14:24
ブラウザーのURLの前に小さなアイコンを表示させる方法

多くのウェブサイトを閲覧していると、ブラウザのアドレスバーの前に小さなアイコンがあったり、ブラウザのタブの位置に小さなアイコンがあったりすることがあります。BaiduやTencentなどのウェブサイトには、このようなアイコンの存在があります。あなたのホームページにも小さなアイコンを付けませんか？この小さなアイコンを使えば、あなたのウェブサイトは他の人のウェブサイトよりも目を引き、他の人の注意を引く

2022-02-07 09:17:22
セマンティックウェブページ XHTMLセマンティックマークアップ

構造と表現を分離するもう一つの重要な点は、セマンティックマークアップを使って文書の内容を構築することである。XHTML要素があるということは、タグ付けされているコンテンツの部分がそれに対応する構造的な意味を持つということであり、他のタグを使う理由はありません。言い換えれば、CSSによってあるHTML要素が別のHTML要素のように見えてはいけません。例えば、見出しをマークアップするのに <p

2022-02-07 06:54:01
HTMLにおける絶対パスと相対パスの違いの解析

図に示すように多くのファイルの下にある1つのページの接続は、ファイルの参照は、パスの問題をある程度理解する必要があります。または、phpのWeb開発の知識を持っているプログラマは、変数のパスと参照を定義するために定義とインクルードを組み合わせて、多くの洞察力を持つことになります。例えば、こんな感じです。コピーコードコードは以下の通りです。 define('

2022-02-06 22:31:01
HTMLチュートリアル。画像サイズ整列間隔ボーダー属性修正方法紹介

画像のマークアップ :<img> ページに画像を挿入するには、"img" タグを使用する必要があります。コード例 <img src="test.jpg">  結論ここでは、画像ファイルとhtmlファイルが同じディレクトリにあると仮定しています。ここでも画像ファイルへのフルパスを指定します。例えば <img src="C:

2022-02-06 20:38:35
HTMLの基本的なディレクトリの問題（相対パスと絶対パスの違い）

相対パスとは、参照するファイルの位置を基準にして作成されるディレクトリパスのことです。したがって、異なるディレクトリにあるWebページが同じファイルを参照する場合、使用されるパスが異なるため、相対パスと呼ばれます。　　絶対パス - Webサイトのルートディレクトリを基準としたディレクトリパスです。すべての Web ページが同じファイルを参照するときに、使用されるパスが同じであることを意味するた

2022-02-06 18:27:25
HTML再利用のヒント

HTMLの再利用というのはあまり言われない言葉ですが、今日のまとめは以下の通りです。古いブラウザでは、HTML文書はネストをサポートしておらず、HTMLコードの再利用の一般的な方法は、サーバーサイドとクライアントサイドの2種類の実装に大別されます。 1. サーバーサイドの実装　　a.SSIを使用する、通常のshtmlファイルともに。　　b.asp、phpなどのクラスステートメン

2022-02-06 16:44:39
inputなどのHTMLテキストボックスは、読み取り専用で編集できない

フォームのテキストボックスを読み取り専用にして、ユーザーが中の情報を変更できないようにしたい場合があります。例えば、<input type="text" name="input1" value="China"> の内容を "China" 2文字にして変更できないようにすることができます。実装をまとめると、以下のようになります。方法1：onfocus=this.blur() マウスが

2022-02-06 15:40:54
初歩的な理解のためのWebページのhtnlの基礎知識

HTMLとは、HyperText Markup Language（ハイパーテキストマークアップランゲージ）の略称です。文書の構造を記述する言語であり、実際の表現方法は記述しない。 HTML言語では、文書のさまざまな内容を示すために、説明用のタグ（トークンと呼ばれる）を使用します。マークアップは、テキストの個々の構成要素を区別する区切り文字であり、HTML文書を段落、見出し、表などの異なる論理的部

2022-02-06 14:51:03
フレームセット（フレームウィンドウに分割）の共通属性

framesetは、複数のsrcアドレスを取得しながら、複数のフレーム（異なるウィンドウは、複数のページの形で対応する）に分割されたWebページです。ページのすべてのフレームタグは一般的なhtmlファイルに入れる必要があり、このファイルはフレームがどのように分割されているかを記録するだけで、何の情報も表示しないので、<BODY> タグを入れる必要はなく、このフレームの閲覧は他のフレーム

2022-02-06 14:13:59
クロスブラウザ開発体験談まとめ（I）HTMLタグ編

ページにDOCTYPEを追加するブラウザによってタグやスタイルシートの解釈が異なるため、異なるブラウザが統一されたhtml規格に従ってページを表示しようとするように、htmlファイルの標準的な文書型を定義する必要があるのです。 DOCTYPE宣言は、文書が準拠するDTDを指定します。 <!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.0 Tran

2022-02-06 12:57:36
htmlのブロックタグとインラインタグの違いについて

1.ブロックレベル要素：それ自体で独立できるブロックレベルの要素を指し、通常は改行（段落の最後に改行するなど）で区切られます。一般的なブロック-レベル要素には、p, h1~h6, div, ulなどがある。 2. インライン要素：他のブロックレベル要素の隣に存在し、リンクされた要素の間で改行されることなく直ちに表示される要素を意味する。一般的に使用されるインライン要素には、img、span、li

2022-02-06 12:18:14
htmlメタタグの小セット

<Head>...</head> は、<HTML> ファイルの先頭であることを示し、ファイル名やファイルそのものに関する情報を指定するために使用されます。通常、このタグの部分は、このページの：デフォルトの言語エンコーディング、キーワード、使用するソフトウェアなどを宣言する部分です。    メタタグは、HTTPタイトル情報（HTTP-E

2022-02-06 11:53:21
ショートカットアイコンとアイコンコードの違いの紹介

ステートメント1：<link rel="shortcut icon" href="favicon.ico" /> ステートメント2<link rel="icon" href="animated_favicon.gif" type="image/gif" /> 注：ショートカットアイコンとは、URLの前に表示されるアイコンのことです。 Question:ステートメン

2022-02-06 11:38:47
xhtmlのブロックレベルマークアップをわかりやすく解説

* アドレス - 住所 * ブロッククオート - ブロッククオート * 中央揃えのブロック * dir - ディレクトリのリスト * div - 共通のブロックレベル、およびcssレイアウトのメインタグです。 * dl - リストを定義します。 * fieldset - フォーム制御グループ * フォーム - インタラクティブフォーム * h1 - ビッグタイトル

2022-02-06 11:31:26
純粋な html ページで送信、パラメータ渡し、ID 確認を行う方法

このプロジェクトでは、一連のアンケートが必要でしたが、クライアントは質問をプレーンなhtmlタグにすることを要求しており、一連の問題が発生しました 1 ページの投稿方法ユーザーがアンケートを実施した後、アンケート結果はどのように送信されますか? 2 ページにパラメータを渡す方法同じアンケートを複数人で投稿した後、管理者がアンケートを見るのですが、見たデータが指定した人のアン

2022-02-06 11:07:57
iframeのsrcの割り当て問題（サーバー側）

今日、この問題に遭遇しました。サーバーサイドのiframeの再srcの再指定、iframeにIDを追加して、runat=serverを追加します。 1. JSでiframeのsrcに値を割り当てる 2. ページが読み込まれたときに、C# バックエンドで iframe の src を変更する必要がある場合は、次のようにします。 iframe id="ifram" runat=server &

2022-02-06 10:41:38
一目でわかるWebスピードの最適化

インターネットは、人々の生活にますます欠かせないものとなっています。ajaxやflexなどのリッチクライアントアプリケーションによって、これまでC/Sでしか利用できなかった多くの機能を体験することができるようになったのです。例えば、Googleは最も基本的なオフィスアプリケーションをインターネットに移行する機会を得ました。もちろん、同じ時間の利便性は、ページの速度がどんどん遅くなっていることは間

2022-02-06 10:13:07
doctypeのマークアップ検証

しかし、最近、この方法を使うと問題が発生することが判明しましたので、以下のコードを参照してください。コピーコードコードは以下の通りです。 <!DOCTYPE HTML> <html> <head> <title>test page</title> </head> <body>

2022-02-06 09:14:30
htmlのmetaタグの簡易比較

metaタグは、文書情報を定義し、Web文書を記述し、検索エンジンに見つけやすくするために使用されます。metaタグは、<head></head>の間に配置されます。キーワードを設定します。 <meta name="keywords" content="value"> 複数のキーワードの内容は、","で区切ると複数のキーワードを区切れます。説明文を設定

2022-02-06 07:07:25

最新

おすすめ