• IEにおけるDOCTYPEの役割

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

    2022-02-07 11:14:24
  • キャンバスでDVDスタンバイのアニメーションを作成するコード

    免責事項 キャンバスを教えるつもりはありません。ただ、簡単に見てみると面白いと思っただけです。 若干荒いということなので、スプレーはしないでください。 効果 若干のフレームレートの低下、もちろん現実にはもっとスムーズです。 HTMLの実装 <!DOCTYPE html> <head> <meta nam

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

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

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

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

    2022-02-07 06:54:01
  • html文字列の正規判定とマッチングの具体的な利用方法について

    前文 最近、html文字列を渡す必要があるコンポーネントを書いていて、htmlタグかどうか、タグ内のテキストと一致するかどうかなど、いろいろなルールを使って判断していました。以下はそのメモです。 入力される文字列が閉じたhtmlタグを含んでいるかどうかを判断する方法 /<\/? [a-z][\sS]*>/i これは実際にはタグ閉じの完全性や

    2022-02-07 06:42:14
  • 最新のMLが追加されました。外形寸法図

    オープンプロトコルの概要 このオープンプロトコルを使用すると、あなたのウェブサイトへのトラフィックが増加します Internet News Open Protocolは、Baidu News Searchが開発した検索エンジンのニュースソース取り込み規格です。ウェブサイトは、公開したニュースコンテンツをこのオープンプロトコルに従ってXML形式のウェブページにし(オリジナルのニュースリリ

    2022-02-07 06:13:53
  • XMLを利用したマルチチャネルアクセスサイトの構築

      実は、この記事を書く一番の目的は、昨年スイスでプロジェクトを行った際に適用したフレームワークを紹介することなのですが、そこで使ったアイデアを私の表現力ではうまく表現できるか少し不安で、書くのを躊躇していましたが、ついに書くことにしました、もしできなかったらきちんと変更します、もちろん、またコメントをいただければ幸いです。 {コメントいただけると嬉しいです。 /I.   I. 背景 背景

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

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

    2022-02-06 22:31:01
  • 5分でわかるHTML5 WebSocketプロトコル

    1. 背景 プッシュ技術を実装するために多くのウェブサイトで使われている技術にAjaxポーリングがあります。ポーリングとは、一定時間ごとにブラウザからサーバにHTTPリクエストを行い、サーバからクライアントブラウザに最新データを返すというものです。この従来のモデルは、ブラウザがサーバーにリクエストを送り続ける必要があるという明らかな欠点があるが、HTTPリクエストには長いヘッダーが

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

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

    2022-02-06 20:38:35
  • もしかしたら、これらがあなたの欲しいH5ソフトキーボード対応ソリューションかもしれません(要約)。

    プリアンブル ここしばらくH5チャットのプロジェクトをやっていて、入力ボックスにフォーカスが当たる、ソフトキーボードがポップアップする、入力メソッドボックスにアタッチ(トッピング)することが要求される、という大穴を踏んでしまったんだ。この要件は非常に明確で、とてもシンプルに見えますが、そうではありません。いくつかのモデルで実験した結果、主な問題点は以下の通りでした。 And

    2022-02-06 18:28:36
  • HTMLの基本的なディレクトリの問題(相対パスと絶対パスの違い)

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

    2022-02-06 18:27:25
  • ivxプラットフォーム開発:9箱の抽選機能をコードレスで実装する。

    プリアンブル 前回、私は0コード開発プラットフォームIVXについて何かを読んでいたと言った、いくつかの時間前に忙しい試験の後、最近9ギャラリー宝くじを達成するためにチュートリアル0コードに従って、ハハハ感じまだ非常に強力な、人々が知っているの少しを知る 可視化 このことは、我々は通常、データの可視化を達成するために、いくつかのパッケージやライブラリを使用します。とビジュアルプログラ

    2022-02-06 17:54:26
  • HTML5でよく使われるセマンティックタグの説明

    クイッククエリ 記事|脇|ナビ|セクション|ヘッダー|フッター 建築プレビュー nav ナビゲーションリンクを定義するセクション トップページ、サービス情報ページ、著作権情報ページなど、サイトのナビゲーションリンクをフッターに表示します。 <nav> <ul> <li><a href

    2022-02-06 17:24:26
  • HTML再利用のヒント

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

    2022-02-06 16:44:39
  • ベッセル曲線の軌跡アニメーションのためのCanvasサンプルコード

    最近、以下のような効果を実装しましたので、ご紹介します。 例えば、次のような曲線をアニメーション化したいとします。 その都度、短い線を引いてつなぐと、次のように5分割されます。 <イグ あと10段落見てください セグメントの数が十分に多ければ、各セグメントは曲線のように見えるでしょう 二次ベッセル曲線 /** * S

    2022-02-06 16:31:45
  • 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