ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog

2024/10/02 168 users Creators’ blog 高校校歌 URL 処理 解説

まずはこちらをお聞きください。 技術的解説: ボタンを a 要素で作るな a 要素は URL などへのリンクをつくるためのもので、button 要素はなんらかの処理を起動するボタンをつくるためのものです。 配置されるものがリンクなら a 要素で実装し、ボタンなら button 要素で実装すべきです。 これに違反すると、意図しない... 続きを読む

aタグで#topにリンクするとページ先頭にスクロールするのは仕様 - hogashi.*

2023/01/04 149 users hogashi href TOP 属性 先頭

はてなエンジニア Advent Calendar 2022 - Hatena Developer Blog の 2023/1/5 の記事です。 id:hogashi です。 目次 目次 3行 こういうやつ 仕様を眺める おまけ 追記: id="top" な要素があるときは？ 3行 a タグの href 属性に #top と書くと、クリックしてページの先頭にスクロールできる、という話をしているのを見... 続きを読む

7594591200220899443 on Twitter: "ひえーFacebook、Aタグの上でマウス押下した瞬間にhref書き換えてんのか！で次の瞬間マウスクリックするとその書き変わったURLを踏む https://t.co/7r8ZccLLnk"

2021/09/27 272 users href on Twitter https 瞬間 t.co

ひえーFacebook、Aタグの上でマウス押下した瞬間にhref書き換えてんのか！で次の瞬間マウスクリックするとその書き変わったURLを踏む https://t.co/7r8ZccLLnk 続きを読む

【HTMLのaタグとは？】基本の使い方・属性・SEO対策について解説 ｜ IT・エンジニア派遣のModis

2021/07/26 14 users MODIS ハイパーリンク コーディング 頻出 属性

Webページを制作していると、ページ内にハイパーリンクを設定する機会が多くあるかと思います。HTMLを使ってコーディングを行なうとき、リンク設定に用いるのが「aタグ」です。aタグはコーディングの際に頻出のタグであり、さまざまな属性を有しています。 実はHTML のaタグはSEO対策にも深く関わる重要なタグ。aタグを... 続きを読む

HTMLとCSSによるボタン作成の方法｜buttonタグやsubmit、linkでの作り方も | creive【クリーブ】

2018/09/04 10 users アクション コード 書きま ボタン クリープ

HTMLとCSSで作るボタンの作り方 では、まず簡単なボタンを作ってみましょう。便利なボタンタグがありますが、ここでは一旦使わずに作ります。以下のようにコードを書いてみましょう。 ボタンを押すことでなんらかのアクションに繋がります。以下ではボタンを押すことで別のページ移動するように、「aタグ」の中に書きま... 続きを読む

【初心者向け】あえてJavascriptを使ってリンク先に飛ぶ – ジャングルオーシャン

2017/09/24 14 users ジャングルオーシャン JavaScript ミケ HTML

どうも ジャングルオーシャン のミケです。 今日は簡単なJavascriptの勉強をしていこうと思うよ！ HTMLを勉強した人ならわかると思うけど どこか他のページにリンクをする時ってaタグを使うよね 今回はaタグを使っていろんな動きでリンクさせる方法を書いていくよ とりあえず難しい言葉は抜きにして見ていこう！ まずは普通にaタグにhref属性をつけてリンクする場合は トップページに飛ぶ これはそ... 続きを読む

Reactでaタグの中にtarget='_blank'を書いたらESLintに怒られた話 - Qiita

2016/12/28 24 users Qiita React eslint target blank

経緯 適当に別タブを開くリンクをjsxで書いたら eslint-plugin-react の jsx-no-target-blank で怒られいました。 ほんとに知らなかったし、気軽にできちゃうからやばいな。っと思ったのでメモしておきます。 import React from 'react' ; import ReactDOM from 'react-dom' ; class Index exte... 続きを読む

はてなブログ記事内にURLを記述すると自動でリンクになるのを解除する方法 - はぴらき合理化幻想

2014/08/28 19 users ぴらき合理化幻想 URL リンク ハイパーリンク 方法

2014-08-27 はてなブログ記事内にURLを記述すると自動でリンクになるのを解除する方法 はてなブログをカスタム URLを記述しても勝手にハイパーリンクにならないようにするには「自動リンク停止記法」を使う必要がある。 通常は勝手にリンク 記事内にURLを記述すると、aタグを使っていないのに次のように勝手にハイパーリンク付きになる。 http://hapilaki.hateblo.jp/ 自動... 続きを読む

Google Analyticsのユニバーサルアナリティクスでリンクのクリックをイベントとして計測する方法。 | 和洋風KAI

2014/04/28 20 users ユニバーサルアナリティクス 和洋風KAI onclick

Photo by: Chris Potter こないだ、Google Analyticsをユニバーサルアナリティクスにアップデートしました。 しかし、アップデートしたことにより今まで使えていた_gaq.push()が使えなくなってしまいました。 これは何かというと、onclickとしてAタグに付与するとどんだけそのリンクを押されたかGoogle Analyticsで計測できる呪文なのですが、ユニバ... 続きを読む

すげー便利！ドメイン別にスタイルシート（CSS）を当てる方法。 | 和洋風KAI

2013/02/26 559 users CSS 和洋風KAI YouTube ifr ドメイン別

すげー便利！ドメイン別にスタイルシート（CSS）を当てる方法。 Tweet 覚えておくとかなり便利すぎるスタイルシートの書き方をご紹介。 特にiframeタグやaタグなどで使える書き方です。 ドメイン別にスタイルシートを当てる方法。 例えば、YouTubeの外部プレイヤー（iframe）の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときこう書くと上手く動作します。 ifr... 続きを読む

短期間でJavaScriptを習得し、アプリ・Webサービスをつくるための勉強法 | らふらく ^^ @TwinTKchan #spam

2013/02/15 1136 users ハッタリ TwinTKchan jQuery spam 最初

前回書いた 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ が好評だったので、今回は、JavaScriptに絞って習得するための方法をまとめてみたいと思います。 ちなみに、一番最初に、JSに触れた時は、Hello, Worldを表示させたり、 aタグでリンクをはったりぐらいしか出来ませんでした。 ですが、現在はjQueryで社内システムの 画面をつくる(Ajaxとかを... 続きを読む

備忘録：LINEで送るボタンの設置方法。aタグにはターゲット指定を。 | ウェビメモ

2012/12/27 43 users アプリ ブラウザ 機会 共有 記述例

最近公式にリリースされたLINEで送るボタンについてちょっと仕事で調べる機会があったので今後のためにメモします。 公式の設置方法｜LINEで送るボタン にて記述例をコピペしたところ何やら変な動き？ 記事上でLINEで送るボタンを押すと当然アプリが立ち上がるんですが、 LINEでの共有が終わったあとブラウザに戻ると、そこにはLINEのサイトが開かれていました。 まぁ何も不思議なことではなくて、公式に... 続きを読む

【作ってみた】スクロールで要素が登場するとハイライトしてくれるjQueryプラグイン「scrollHighLighter」 | QUOIT Blog

2011/07/27 24 users div スクロール jQueryプラグイン 一瞬 プラグイン

Webサイトを閲覧していると、一体どこがクリック出来るエリアなのか分からないことがあります。 このプラグインは、画面をスクロールしていって、該当の要素が画面内に登場するとハイライトしてくれるというプラグインです。 デモ ダウンロード 仕組みとしては、指定した要素の上にdivの透明レイヤーを配置して、ハイライト時に一瞬だけ表示という方法で実現しています。 もともとはaタグにバインドして利用することを... 続きを読む

jQuery Mobileを触りながら覚えよう！ - jsdo.it - Share JavaScript, HTML5 and CSS

2011/06/10 467 users jsdo.it jQuery Mobile トランジション

Tweet サンプルを用意しました！フォークしてjQuery Mobileを体験してみよう！ スマートフォンサイトをプレビューするには、エディタ画面の「Smart Phone Preview」ボタンをクリックしてください。 こんなことを試してみるとオススメ！ aタグに data-transition 属性を付加するとトランジションのエフェクトを選ぶことができます。 Footer要素を画面下に固定す... 続きを読む

Re:犯してはいけないHTMLタグの過ち10個[to-R]

2011/04/19 73 users to-R HTMLタグ XHTML 過ち10個 原文

Re:犯してはいけないHTMLタグの過ち10個 Check Tweet ネタ元：犯してはいけないHTMLタグの過ち10個 基本的には良い記事なんだけども、原文が2年近く前の物でXHTMLを前提に書かれているので少しだけ内容が古いかなと思ったりします。 1. インライン要素の中にブロック要素を入れない これは間違いです aタグのようなインライン要素の... 続きを読む

段落(pタグ)とアンカー(aタグ)さえあればどこにでも配置できるさ

2006/12/25 332 users アンカー 段落 Pタグ

HTML,CSS,CSSハック,SEO,Web広告,Webトレンド等の話題を扱うkennsuのblogです。日常の話題はこちらへ「kennsuの行動記録」 Home｜ About｜ Archive｜ RSS feed こないだ知人に「ある部分にボタンを後からいれようと思ったけど方法が思いつかない」と相談され、 よしきた、下記のような方法を伝授しました。 結構当たりまえのテクニックだと思っていたんで... 続きを読む