HTML の記事一覧– WEB制作 –

クチコミの構造化データマークアップは次のようにサイトにマークアップすると検索結果でリッチスニペットとして星で表示されてアイキャッチとして非常に有効です。 <script type="application/ld+json"> { "@context": "ht...

HTMLの学習でつまづいたり、何から始めたらいいのか勉強方法がわからなくなったりしてHTMLの学習を難しく感じていませんか？そのように感じるのは学習する方法や順番が間違っているのかもしれません。 HTMLの学習で挫折しないためには、すでにHTMLを学習し...

HTMLのコメントアウトとは、HTMLのソースコードとして実行されないコードです。コメントアウトはHTMLとして実行されないので、 コードの保守性の向上コードの可読性の向上コードのTODO を目的として、HTMLのソースコード上にメモを残しておいたり、一時的...

この記事ではHTMLで改行をする方法をご紹介します。HTMLで改行する方法は次の3つがあります。 brタグを使う方法pタグを使う方法preタグを使う方法 どれも同じように改行をできますが、それぞれのタグが持つ意味が違うので用途に応じて使い分ける必要があり...

フォームのinput要素の隠しデータフィールドはWebブラウザの画面には表示されないので、ユーザーはフィールドの入力も値の確認もできないHTMLフォーム項目です。 フォームが送信されると隠しデータフィールドの値も一緒に送信されます。 この記事では隠し...

この記事ではフォームのinputの入力欄を入力不可にする方法をご紹介します。 inputの入力欄を入力不可は次の2つあります。 disabled 属性readonly 属性 これらを付与するとユーザーは入力欄に値を入力・変更することができなくなります。 しかし、disabled...

プログラマーやWEBデザイナーになるためのプログラミングスクール「デイトラ」。Twitterを中心にデイトラの人気がうかがえますが、今回は WEB制作コースってどんな内容を学べるの？ WEB制作コースの評判は？ 修了後はどのような稼ぎ方ができるの？ という...

この記事ではブラウザに保存されている情報をフォームに自動補完をする方法をご紹介します。 フォームの自動補完をするとユーザーが情報をスムーズに入力するとができ、申込みや問い合わせなどのコンバージョンを増やす事ができます。 【自動補完をさせる...

この記事では数字のみを入力できるinput作る方法をサンプルコード付きでご紹介します。javascriptは使用しません。 数字のみ入力できる入力項目の作り方は type属性を使って数字のみ入力pattern属性を使って数字のみ入力 です。 これらの方法のサンプルコ...

TailWind CSSはユーティリティファーストでレイアウトを少し変更したい場合などとても便利です。 しかし、TailWind CSSを使ってコンポーネント作る場合は、たくさんのクラスを組み合わせる必要があり、Bootstarapなどに比べると難易度が上がってしまいます...