JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

HTMLページにベースフォントを追加する方法｜basefontタグの使い方とCSSでの代替手段

HTMLドキュメント全体に共通のフォント（ベースフォント）を指定したい場合は、<basefont>タグを使用します。このタグで設定したフォントは、ページ内のテキスト全体に一括して適用されます。

注意： <basefont>タグはすでに非推奨（deprecated）となっており、最新のHTML規格ではサポートされていません。現在のWeb開発では、代わりにCSSのfont関連プロパティを使ってフォントを設定することが推奨されています。

basefontタグの使用例

以下のコードを実行すると、HTMLページにベースフォントを設定できます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML basefont Tag</title>
   </head>
   <body>
      <basefont face = "cursive,serif" color = "blue" size = "5"/>
   </body>
</html>

CSSを使った推奨される代替方法

現代のWeb制作では、<basefont>タグの代わりに、body要素に対してCSSでフォントスタイルを指定するのが一般的です。以下のように記述することで、同様の効果を得られます。

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            font-family: cursive, serif;
            color: blue;
            font-size: large;
         }
      </style>
   </head>
   <body>
      <p>このテキストにはCSSで設定したベースフォントが適用されます。</p>
   </body>
</html>

CSS方式であれば、ブラウザ間の互換性が保たれ、より細かいフォント制御（行間、太さ、ウェイトなど）も可能になるため、実務では必ずこちらを採用しましょう。

  1. HTMLページで円を描く方法｜CSSのborder-radiusを使った簡単な実装例

    HTMLページ上に円を描くには、主に「SVG」「Canvas」「CSS」の3つの方法があります。中でも最も手軽なのが、CSSのborder-radiusプロパティを使う方法です。要素の幅と高さを同じ値にし、border-radiusをその半分（または50%）に設定するだけで、簡単に正円を描くことができます。CSSで円を描くサンプルコード以下のコードを実行すると、青い円が画面に表示されます。ぜひ実際に試してみてください。<!DOCTYPE html> <html>    <head>     

  2. HTMLページからリダイレクトする方法を解説！metaタグの使い方

    ページリダイレクトとは？ ページリダイレクトとは、あるURLをクリックしてページXにアクセスしたにもかかわらず、内部的に別のページYへ自動的に転送される仕組みのことです。サイトの移転やURLの変更、メンテナンス中の一時的な誘導など、さまざまな場面で活用されています。 HTMLページでリダイレクトする基本：METAタグを使う HTMLページから別のページへリダイレクトさせるには、<meta>タグを使用します。<head>内に記述したmetaタグのhttp-equiv属性でHTTPヘッダーに相当する値を指定し、content属性で転送までの待機秒数と転送先URLを設定しま