HTML の 〜 内に書くタグの順番にも気を遣ってみた。
今アナタがご覧になっている、このオンズのウェブサイトでは読み込み速度のスピードアップや各種マークアップのクオリティ維持のために随時徹底した改善作業を行っています。 これまでも本ブログにて様々なテクニックを紹介してきましたが、今日は<head>〜</head>タグ内のコードにフォーカスして、弊社が実際に行っているHTMLマークアップの考え方を紹介していきます。 ブラウザで「要素を検証」して実際にコードを見てもらうのが手っ取り早いのですが、参考までに以下にコードをコピーして記載します。 今日（2016年1月20日）現在のオンズのウェブサイトの<head>〜</head>タグは次のように記載されています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="author" content="//on
[60] フォームを美しく整えよう（CSS使用）
[60] フォームを美しく整えよう（CSS使用） 最終更新日：2018年06月23日 （初回投稿日：2013年11月19日） フォームは、ちいさな「部品」と「テキスト」とが混在します。 それらをただ並べただけだと、ごちゃごちゃして見づらいので、スッキリさせるために フォーム部品以外のHTML要素と組み合わせて CSSで整える必要があります。 今回は、フォームのレイアウトのコツというか、基本の考え方をメモ。 他のHTML要素と組み合わせる フォーム部品の要素のデフォルトスタイルは、全部インラインです。 フォーム部品は普通、質問・選択肢になる「テキスト」と一緒に使いますが、CSSを何も指定しないままだと こんなふうに ↓ ぜ〜んぶ繋がって表示されます。 これじゃあ入力する気も起きやしない。 最近おもしろいと思ったTV番組は？ その番組の感想をどうぞ あなたの興味のあるTV番組のジャンルを教えて
![[60] フォームを美しく整えよう（CSS使用）](https://cdn-ak-scissors.b.st-hatena.com/image/square/f20701a3bda252618d6c11a6afa286aa0f9a4f45/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-61.fc2.com%2Fh%2Fo%2Fn%2Fhonttoni%2F130921_feel.gif)
ホームページ制作なら渋谷のウェブ制作会社【スタイル】
【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
