SVGアイコンを実用するために知っておきたい、リンク周りの記述方法
2014年6月30日 SVG 以前書いた「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」という記事でSVGの基本や効率よく使用する方法を紹介しましたが、実際にWebサイト内で使うにはもう少し具体例が必要だなーと思ったのでリンク関連を中心に補足します。基本的な記述方法を覚えて実用化していきましょう！ ↑私が10年以上利用している会計ソフト！ SVGにリンクを貼る SVGにリンクを貼りたい場合、単純に a タグで svg を囲んでもうまくリンクを貼ることはできません。svg タグの中のオブジェクトを a タグで囲み、xlink:href 属性でURLを指定する必要があります。 <svg ... > <a xlink:href="http://google.com"> <path fill="#1E899D" ... > </a> </svg> See the Pen SVG
Movable Typeのカレンダーに複数カテゴリのリンクを表示する方法
Movable Typeのカレンダーに複数カテゴリのリンクを表示する方法を紹介します。 １．基本 Movable Typeでカレンダーを作るためのMTCalendarタグにはcategoryモディファイアが用意されており、これを利用すれば特定の1つのカテゴリだけに絞ったカレンダーを作成することができます。 例えば「ニュース」カテゴリに属しているブログ記事のカレンダーを作るには次のようにすればOKです。 <mt:Calendar category="ニュース"> …中略… </mt:Calendar> ただし複数のカテゴリを指定することはできません。 ２．やりたいこと ここでは、次のようなカテゴリ構成があると想定します。 日記 ├ 食事 ├ 旅行 └ 趣味 ニュース ├ イベント ├ お知らせ └ その他 各ブログ記事はサブカテゴリにのみ属しています。 この状態で「ニュース」カテゴリのサブカ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
v-forを使ってリストの中身とリンク先を個々に出力したい
