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

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

[coliss]

HTMLだけででできる実装いろいろ。

[mayumayu_nimolove]

IE「そうはさせん」

[masayoshinym]

ブラウザの対応範囲を知りたい。

[naggg]

ここ、よくわからん → “<mark>タグは、テキストを目立たせる要素です。<strong>や<em>のように強調させることが目的ではなく、目立たせるのが目的です。”

[securecat]

HTMLでやることなのかよくわからんものが結構あるけど、文書構造と外観の分離みたいな概念自体がもはやレガシーなんかな

[babandoned]

対応範囲はこちらからどうぞ　https://caniuse.com/

[RCHeLEyl]

IE対応していないのなら別に、という感じかもしれないけど、今はIEよりスマホ対応の方が重視されるからなあ。どうなんでしょう？

[Nyoho]

へー datalist なんてのがあったのか。

[saito-kazuo]

datalistはいいね。今度使ってみよう

[ks1234_1234]

うーん。最近のHTMLはファットなのね。▼ただし8のtelはURL/URIとして1998年にはあった。9のins/delはHTML4での追加じゃなかったっけ。

[xjack]

「Run Pen」カッコイイ．．．！！！ これもHTMLなの？

[DustOfHuman]

"contenteditable" / なんか使いたくなったらpolyfill探すところとセットなんだよな…

[yuchaaa7C]

メモメモ📝

[kkobayashi]

対応ブラウザとバージョンが問題だよなぁ

[kabochatori]

実装やデザインがまちまちで結局jsライブラリ安定になっちゃうんだよなぁ…

[Fushihara]

何度でも言うけどコンテキストメニューを追加できるようにしてくれ。一時期firefoxに入ってたけど廃止されてしまった。htmlで頑張って作るんじゃやっぱりネイティヴとは根本的に違うんだよ

[asakiri4177]

メモ

[tk_musik]

IEはMSも明確に非推奨と言ったし公官庁向けくらいしか必要ないし公官庁向けなら単価高いしでも俺の給料は変わらないからIE消えてくれ頼む🙏

[aceraceae]

IEなんかどうでもいいのでモダンブラウザでひととおり動けばいいよ

[jobhuntingman]

裏技的なテクニックだ

[tagucch]

detailsとsummaryいいな

[takuya_1st]

contenteditableはちょっと、、、、

[gachapining]

DevTools で contenteditable 追加すると簡単にコラ画像作れる

[h1t0cH1]

出来るだけ楽したい

[blueboy]

　だいたい知っていたけど、使う場面はほとんどない。

[iwanofsky]

ふむふむ

[makou]

明日になったら忘れそう。

[programmablekinoko]

IEはガン無視でよろし

[nonsugertan]

気になるけど、スルーしてしまいそう、、、

[webarata3]

あとで一通り見よう

[yarumato]

“1. datalist -フォームに入力候補を表示 2. dialog -ダイアログ ボックス 3. progress -プログレスバー 4. detailsとsummary -開閉パネル 5. inputmode -スマホで入力時に適したキーパッドを表示 7. mark -テキストにマーカーを引く”

[matsuedon]

じゃあ、ってやってみたらIEで使えなかったとか、IEで使えなかったりとかするから結局使わなかったりするんだよな。