2025年04月30日
テーマ： HTMLタグのお勉強(104)
カテゴリ： 楽天ブログの勉強
🔽マップの埋め込み
新宿御苑 を例にしてやってみます。
まずグーグルマップを開いて新宿御苑を検索。
共有 をクリック。
地図を埋め込 むをクリックして、
HTML をコピー。これを楽天ブログの文章(見たまま編集のチェックは外す)に張り付け。
このままだとエラーになるので、HTML中の "" loading="lazy" を削除します。
これで埋め込まれたマップがでます😊
🔽リンクだけ貼る
今度は 共有 から リンクを送信する
<a href="コピーしたURL" target="_blank" rel="noopener noreferrer">Googleマップで場所を確認する</a></p>
これでリンクに飛ぶとグーグルマップが開かれます。
✅特にURLを隠したい or より安全にしたい場合、noopener noreferrerに、
✅一般的なケース（Googleマップや普通の外部リンク）はnoopenerで🙆🏻♀️。
Googleマップで場所を確認する
お気に入りの記事を「いいね！」で応援しよう
[楽天ブログの勉強] カテゴリの最新記事
-
target="_blank"のみの危険性 2025年05月25日
-
リンクページ 2024年12月31日
【毎日開催】
15記事にいいね！で1ポイント
PR
Daphne120
都内在住のダフネといいます👩 自然のあるところや神社仏閣に出かけたりしています。 ブログを見やすくレイアウトできるように勉強しながら投稿しています。
Category
Calendar
© Rakuten Group, Inc.
