niwadesign

ホームページ制作のネタ発信

html

タグの機能

投稿日:2009/2/4 水曜日 更新日:

相対パスで記述されたURLのベース(基準)をhead内で指定すると画像やリンク先のパスがベース(基準)で指定されたURLを基準に表示されます。
今日初めて知りました。

<head>
<base href="http://www.niwadesign.jp/">
</head>

下の図のような場合でも

e38394e382afe38381e383a3-1

■folder/index.html内の画像のパスの書き方

<img src="images/logo.gif" alt="ニワデザイン" />

このように記述すると階層がちがってもオッケーってことです。

なにかで使えるかも!?

-html
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

Dreamweaverでよく使うショートカット

普段ボクがコーディングする上でよく使うショートカットの紹介 ⌘(コマンド)+1〜6 h1〜h6 ⌘(コマンド)+Shift+P pタグ ⌘(コマンド)+B strongタグ ⌘(コマンド)+alt+T …

iPhone用htmlのヘッダー要素のルールβ版

viewportは幅を指定するためのもの。 javascript部分はアドレスバーを非表示(画面の上に隠す)にするためのもの。 <link rel="apple-touch-icon& …

SmartyでGoogleアドセンスを表示させる方法

7,8年前に制作したサイトをスマホ化対応させようと思ったら、 Googleアドセンスの表示でつまずいた。。。 まず、新規発行したアナリティクスコードを貼り付けると、画面が真っ白!!! すべての要素が表 …

Chromeのディベロッパーツールを別ウィンドウにする方法

最近PCを買い替えていつものようにディベロッパーツールを使おうと開いたら、ブラウザから分離できない。。。 調べてみたら、下右に移動させるアイコンを長押しすると別ウィンドウのアイコンが表示される。 わか …

スマホサイト(iPhone)のソースコード(htmlソース)MacのSafariで確認する方法

前回ブックマークレットを使ってのソースコードの確認方法を紹介しましたが、 今回はMacのSafariを使ってのソースコードの確認方法をご紹介します。 ■iPhoneの設定 設定 > Safari > …