• 6つの一般的でないHTMLタグの使用方法

    最初に: <abbr> または <acronym> この2つのマークは同じもので、主に一部の英語の略語に使用されます。マウスオーバーすると、その略語の正式名称を示す小さなヒントが表示されます。以下はその例です。 <ABBR title="ハイパーテキストマークアップ言語">HTML </ABBR> <ABBR title="Insti

    2022-02-04 08:02:01
  • HTMLはWeb制作者の必需品です

    HTML言語を学ぶメリットは何ですか? 1:ウェブサイト、ブログのウェブ構造を簡単に変更できる。 2: SEO対策サイトの最適化に有効です。 3:フェティシズム、他のウェブサイトのページのソースコードを保存し、適当に修正することで、欲しいテンプレートをコピーすることができる。 4:美しいPSDソースファイルの画像があれば、その画像をカットして簡単にウェブページを作ることができます

    2022-02-04 07:58:30
  • すべてのブラウザに対応したデータURIとMHTMLの完全ソリューション

    データURI データURI が提供するデータURIです。 RFC 2397 は、小さなファイルを文書に直接埋め込むためのスキームです。以下の構文で、指定されたエンコーディングで小ファイルをページに直接埋め込むことができます。 data:[<MIME-type>][;base64],<data> MIME-type:埋め込むデー

    2022-02-04 07:28:44
  • HTML DOCTYPE の略。

    DOCTYPEが以下のような場合。 コピーコード コードは以下の通りです。 <!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 以下の略語を代用することができます。 コピーコード コードは以下の通りです。

    2022-02-04 06:57:53
  • Web制作のためのHTMLチュートリアル:iframeタグの使用は慎重に

    iframeを使用すると、他のサイトのページを簡単に呼び出すことができますが、その使用には注意が必要です。他のDOM要素(styleやscriptを含む)を作成するのに比べて、数十倍から数百倍のパフォーマンスが犠牲になります。100種類の要素を追加するのにかかる時間を比較すると、iframeがいかにパフォーマンス的に負荷が高いかが分かります。 iframeを使用するページは通常、if

    2022-02-04 06:28:21
  • HTMLタグは

    Web標準に準拠したWebページを構築することは常にjb51.netとの議論のトピックですが、その後、すべてのXHTML要素を閉じるために覚えていますか、HTMLのいくつかの要素が閉じられる必要はありません。次の要素が始まると、前の要素は自動的に閉じられます。たとえ内容がなくても、すべての要素を閉じなければなりません(例:<img>)。このようにして、ウェブ標準に準拠したページが編集さ

    2022-02-04 05:40:50
  • Web制作の基本 文書型記述(DTD)を宣言する

    WEB標準に準拠したページを構築するためのCSSレイアウトは、jb51.netでも話題になっていますが、今日は文書型記述(DTD)の宣言についてです。   すべての文書は、ページを開くときにどのような規則に従うべきかをブラウザに伝えるために、Document Type Definition (DTD)で始まる必要があります。    後でWebデザインツールDreamweaverを使っ

    2022-02-04 04:59:41
  • テーブルのための HTML dl、dt、dd マークアップ vs テーブル

    Webサイトの開発・保守のコストを削減できるだけでなく、コードもよりセマンティックになります。しかし、テーブルがなくなったわけではなく、個人情報のデータ一覧など、Webページでのデータ表現に必要なものとして、今でも多くの人に使われている。実際、HTMLのdl、dt、ddタグを使うことで、よりコードを節約でき、よりセマンティックにすることができます。もちろん、非常に大きなデータ表であるtableの場

    2022-02-04 04:48:32
  • WebページのレイアウトはIE6との互換性の問題を考慮する必要がある

    以下のグラフは、当サイトの訪問者詳細におけるブラウザの閲覧率ですが、IE6が40%以上を占めています。ブラウザの種類は、IE5.5、IE6、IE7、IE8と多くのバージョンがありますが、IE6はこの多くの高いバージョンでまだほとんどのユーザーに好まれているので、レイアウトはIE6の互換性を考慮しない、またはあなたが多くの訪問者を失うことになるはずです。 IE6で気をつけなければなら

    2022-02-04 04:24:04
  • Web制作ではHタグを賢く使うべき

    HTMLタグには、ページ上のタイトルを処理するための特別なタグがあります。h1、h2、h3、h4、h5、h6で、封建社会のようにh1が全能の君主、h6が民衆の最下層にあたる。 コピーコード コードは以下の通りです。 <h1> メインタイトル、ここに書いてあります</h1> <h6>小見出し、ここに書く </h6>

    2022-02-04 04:02:50
  • iframeページ内で互いのjs関数を呼び出すためにjsを使用する

    最近、私は毎日論文のレポートに取り組んで、私は再びWebを設計するためにうずうずしていた、と私は問題に遭遇した。アイデアは、私はこの互換性に注意を払うためにページを設計し始め、今回私は互換性の問題に遭遇した、フローティングフレーム内のHTML、<フレーム&gtは、あなたがページ内にページを組み込むことができます、フレームページを行うために使用すると、次の図、非常に適切であり、その

    2022-02-04 02:42:58
  • abbrマーカーと頭字語マーカー

    <abbr> そして <acronym> タグは テキストの略語と頭字語 によってレンダリングされます。 title 属性で略語の正式名称を指定します。 . この2つの違いは <acronym> タグは 頭字語 であり、多くの場合、その省略形は、省略可能な 発音された単語 . 例えば |br

    2022-02-04 01:31:36
  • [css3]シンプルな白い雲の浮かぶ背景効果を実現するcss3

    これは、非常にシンプルなピュアCSS3の白い雲の浮遊背景効果です。CSSアニメーションを使って、異なるスピードで動く白い雲を制御し、白い雲の浮遊感を演出しています。 HTMLの構造 この白い雲の浮遊効果のHTML結果は非常にシンプルで、白い雲として機能する一連の<div>要素を<div>で囲んでいます。 <div id="clouds"

    2022-02-03 23:44:59
  • [css3】cssのmarginとvertical marginの重なりの値について

    並列ボックスマージン(ダブルマージンオーバーラップ)インタビュー質問:あるボックスはトップマージン、別のボックスはボトムマージンを持っていますが、マージンオーバーラップの問題が発生するのでしょうか?解決策 それらの合計ではなく、より大きな値を取るが、誰が大きいですに耳を傾けます <!DOCTYPE html> <html> <head> <

    2022-02-03 23:42:36
  • [css3]css3は、最初と最後のテキスト実行例を実現するためのコード

    ストーリー背景 宇宙一の外部アンプを搭載したスマホがある!」と小耳にはさんだ話です。を手に入れるために、アドン618のキャンペーンを利用しようと頭が熱くなる、何しろハロゲンは本格的な電子マニアなのだ! しかし、そのハロゲンが物流情報を確認すると. さて、私の忌まわしい探究心は、突然の走馬灯に捕まりました(キャ、今日は受け取れなさそうだ!!!)。 では、どうすれば

    2022-02-03 21:51:34
  • [CSSレイアウト例】6種類の適応的な2カラムレイアウトを実現するCSS

    html構造 <body> <div class="wrapper"> <div class="left"></div> <div class="right"></div> </div> </body>

    2022-02-03 21:46:50
  • css3]アニメーションとトランジションの違いについて

    CSS3アニメーションとJSアニメーションの違いについて JSはフレームアニメーションを実装している CSS3によるインターバルアニメーションの実装 フレームアニメーション:タイマーを使って、一定時間ごとに現在の要素を変化させます。 インターバルアニメーション:トランジション(状態が変化するたびにアニメーションするトランジションを追加)アニメーション(複数のノードでア

    2022-02-03 21:15:55
  • [CSSチュートリアル】CSSマージンの重なりと解決策を詳しく探る

    先日、CSS関連の知識を見直し、その効果確認と他の方の参考になればと思い、CSSの定番であるマージンオーバーラップの問題をまとめてみましたので、抜けがある部分についてアドバイスをいただければと思います。 問題点:CSSレイアウトを使用していると、下図のように兄弟ノードや親子ノードの上下の余白が重なってしまうことがあります。 <style> .out

    2022-02-03 20:18:33
  • [css3]CSS 3.0テキストホバー飛び効果コード

    今回は、CSS3.0に実装されたテキストのホバーリングとジャンプの効果を、以下のようにご紹介したいと思います。   以下はコードの実装です。コピー&ペーストやブックマークはご自由にどうぞ。 <!DOCTYPE html> <html lang="en"> <head> <meta cha

    2022-02-03 19:09:10
  • [CSSチュートリアル】CSSでデータホットスポット効果を実現する方法

    その効果は以下の通りです。 分析 1. ここに見えるのは、ポイントの周りにある3つの円であり、これがズームのアニメーションになっています。 <ブロッククオート つまり、4つのボックスポイント+3つのサークルと書きます。 <!DOCTYPE html> <html lang="en"> <head> <m

    2022-02-03 18:41:15