https://b.hatena.ne.jp/aaaikaaa/HTML/ HTMLに関するaaaikaaaのはてなブックマーク (4) https://techracho.bpsinc.jp/baba/2026_01_14/155955 aaaikaaa 2026-01-16T00:52:56Z HTML javascript <blockquote cite="https://techracho.bpsinc.jp/baba/2026_01_14/155955" title="ページ内検索したテキストはWebサイト運営者にバレる｜TechRacho by BPS株式会社"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechracho.bpsinc.jp%2Fbaba%2F2026_01_14%2F155955" alt="" /> <a href="https://techracho.bpsinc.jp/baba/2026_01_14/155955">ページ内検索したテキストはWebサイト運営者にバレる｜TechRacho by BPS株式会社</a></cite><p><a href="https://techracho.bpsinc.jp/baba/2026_01_14/155955"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f8798bbd2dd5d6cc84d673f79ae53c9c9b8a606f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftechracho.bpsinc.jp%2Fwp-content%2Fuploads%2F2026%2F01%2Fhtml_searching_within_page_can_be_revealed_eyecatch-min.png" alt="ページ内検索したテキストはWebサイト運営者にバレる｜TechRacho by BPS株式会社" title="ページ内検索したテキストはWebサイト運営者にバレる｜TechRacho by BPS株式会社" class="entry-image" /></a></p><p>はじめに 突然ですがこのページを開いてCtrl+Fのページ内検索を開き、 x y z のいずれかの文字を検索してみてください。 https://codepen.io/babatakao/full/bNeBOwr このように、検索した結果がalertで表示されます。 言いたかったこと このように、ページ内検索したテキストはコンテンツJavaScriptから検知できます。 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/techracho.bpsinc.jp/baba/2026_01_14/155955"><img src="https://b.hatena.ne.jp/entry/image/https://techracho.bpsinc.jp/baba/2026_01_14/155955" alt="はてなブックマーク - ページ内検索したテキストはWebサイト運営者にバレる｜TechRacho by BPS株式会社" title="はてなブックマーク - ページ内検索したテキストはWebサイト運営者にバレる｜TechRacho by BPS株式会社" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techracho.bpsinc.jp/baba/2026_01_14/155955"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 52 https://zenn.dev/dinii/articles/16b3e71b580b6c aaaikaaa 2025-07-25T00:05:32Z HTML Webデザイン <blockquote cite="https://zenn.dev/dinii/articles/16b3e71b580b6c" title="最近のHTMLを改めてちゃんと学んでみた"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fdinii%2Farticles%2F16b3e71b580b6c" alt="" /> <a href="https://zenn.dev/dinii/articles/16b3e71b580b6c">最近のHTMLを改めてちゃんと学んでみた</a></cite><p><a href="https://zenn.dev/dinii/articles/16b3e71b580b6c"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a20dc55311e07fb554d5273d27e5e1e76a9e2c1f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--tdw7yiDo--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E6%25259C%252580%2525E8%2525BF%252591%2525E3%252581%2525AEHTML%2525E3%252582%252592%2525E6%252594%2525B9%2525E3%252582%252581%2525E3%252581%2525A6%2525E3%252581%2525A1%2525E3%252582%252583%2525E3%252582%252593%2525E3%252581%2525A8%2525E5%2525AD%2525A6%2525E3%252582%252593%2525E3%252581%2525A7%2525E3%252581%2525BF%2525E3%252581%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3ARiya%252520Amemiya%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyLzZhNTVhMGJiNDIuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3ADinii%252520Tech%252520Blog%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyLzIyOTk0YWYxZDYuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACMTiAE" alt="最近のHTMLを改めてちゃんと学んでみた" title="最近のHTMLを改めてちゃんと学んでみた" class="entry-image" /></a></p><p>この記事は、以下のモダンCSSに関する記事のHTML版です。 せっかくならHTMLもちゃんと学んでみようと思い、最近のHTMLの新機能を改めて学び直したので、アウトプットついでにこの記事を書いています。 HTML Living Standardの時代へ 2019年5月28日、W3CとWHATWGは、HTMLとDOM標準の開発をWHATWGが主導することで合意しま...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/dinii/articles/16b3e71b580b6c"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/dinii/articles/16b3e71b580b6c" alt="はてなブックマーク - 最近のHTMLを改めてちゃんと学んでみた" title="はてなブックマーク - 最近のHTMLを改めてちゃんと学んでみた" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/dinii/articles/16b3e71b580b6c"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 829 https://www.tak-dcxi.com/article/html-css-techniques-to-improve-usability-and-accessibility-with-minimal-code/ aaaikaaa 2024-05-20T00:24:42Z CSS HTML <blockquote cite="https://www.tak-dcxi.com/article/html-css-techniques-to-improve-usability-and-accessibility-with-minimal-code/" title="少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.tak-dcxi.com%2Farticle%2Fhtml-css-techniques-to-improve-usability-and-accessibility-with-minimal-code%2F" alt="" /> <a href="https://www.tak-dcxi.com/article/html-css-techniques-to-improve-usability-and-accessibility-with-minimal-code/">少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG</a></cite><p><a href="https://www.tak-dcxi.com/article/html-css-techniques-to-improve-usability-and-accessibility-with-minimal-code/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5367855cfd850d0810fa7752aefe0520357ade28/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.tak-dcxi.com%2Fog%2Fhtml-css-techniques-to-improve-usability-and-accessibility-with-minimal-code.png" alt="少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG" title="少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG" class="entry-image" /></a></p><p>少しの記述・工夫でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニックを独断と偏見で集めてみました。最近クローズドな場所で登壇を行ったのですが、そちらで話した内容を纏めたものにいくつか内容を追加したものとなります。 原則的にこのブログで取り入れられている手法だったり過去の記事で触れた手法...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.tak-dcxi.com/article/html-css-techniques-to-improve-usability-and-accessibility-with-minimal-code/"><img src="https://b.hatena.ne.jp/entry/image/https://www.tak-dcxi.com/article/html-css-techniques-to-improve-usability-and-accessibility-with-minimal-code/" alt="はてなブックマーク - 少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG" title="はてなブックマーク - 少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.tak-dcxi.com/article/html-css-techniques-to-improve-usability-and-accessibility-with-minimal-code/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 187 https://buildstd.com/html-css-tips01/ aaaikaaa 2023-04-13T22:09:08Z HTML CSS <blockquote cite="https://buildstd.com/html-css-tips01/" title="いざという時に使える13のHTML&amp;CSS Tips集 | BUILD Journal"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbuildstd.com%2Fhtml-css-tips01%2F" alt="" /> <a href="https://buildstd.com/html-css-tips01/">いざという時に使える13のHTML&amp;CSS Tips集 | BUILD Journal</a></cite><p><a href="https://buildstd.com/html-css-tips01/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ff9779d10d6365832f3968f111c95f3a5fed3a83/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fbuildstd.com%2Fwp-main%2Fwp-content%2Fuploads%2F2023%2F04%2Fcoding-tips.png" alt="いざという時に使える13のHTML&amp;CSS Tips集 | BUILD Journal" title="いざという時に使える13のHTML&amp;CSS Tips集 | BUILD Journal" class="entry-image" /></a></p><p>いざという時に使える13のHTML&amp;CSS Tips集Update2023.05.12Release2023.04.13Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する いざという時のために覚えておくと便利なHTML＆CSSのTipsを13個紹介します。何かで困った時に読み返してみてください。何かでお役にたてると思います。 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/buildstd.com/html-css-tips01/"><img src="https://b.hatena.ne.jp/entry/image/https://buildstd.com/html-css-tips01/" alt="はてなブックマーク - いざという時に使える13のHTML&amp;CSS Tips集 | BUILD Journal" title="はてなブックマーク - いざという時に使える13のHTML&amp;CSS Tips集 | BUILD Journal" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/buildstd.com/html-css-tips01/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 566