タグ

htmlに関するextra_numberのブックマーク (3)

  • 実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方

    HTMLだけで多くのことが実現できるのは素晴らしいことです。一昔前までは、CSSJavaScriptを使用しなければできなかったこと、かなり複雑なコードを書かなければできなかったことが、実はHTMLだけで多くのことが実現できます。 知っておくと便利なHTMLの使い方をまとめて紹介します。 HTML can do that? by Ananya Neogi 先日紹介した「CSSでここまでできるのか!」の続編です。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. datalist -フォームに入力候補を表示 2. dialog -ダイアログ ボックス 3. progress -プログレスバー 4. detailsとsummary -開閉パネル 5. inputmode -スマホで入力時に適したキーパッドを表示 6. inpu

    実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方
  • form / select / optionタグ & JavaScript セレクトメニュー/プルダウンメニュー webzoit.net

    クリックしたらメニューが表示されるようにしたい『セレクトボックス編』 上記リンク先ではフォームタグのselectタグ内でセレクトボックスのつくり方について触れました。 今回はこのセレクトボックスで選択されたメニュー(セレクトメニュー・プルダウンメニュー)に応じて他のページに移動できるようにしてみましょう。 これにはJavaScriptを使用します。 それでは早速セレクトボックスのおさらいから。

    form / select / optionタグ & JavaScript セレクトメニュー/プルダウンメニュー webzoit.net
  • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

    みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
  • 1