WEB ページ作成基準文字・文字列

WEB ページを記述する際の文字・文字列の取り扱い方法を示します．

．

文字・文字列の設定

美しく分かりやすい文書の作成には，文字・文字列のフォント設定は重要です．フォントはの特性は，インライン要素<span> を使い，クラスで指定します．具体的には，次のとおりです，

<span class="クラス名 ">文字列</span>

クラスの振る舞いは，スタイルシートで定義します．

文字修飾

文字修飾に関して，以下のクラス指定が可能です．

文字修飾のクラス
用途	クラス	例
キーボード	<span class="key">	Esc

このクラスのスタイルシートは，以下のとおりです．

span.key{
   color:#000000;
   padding-left:3px;
   padding-right:3px;
   margin-left:3px;
   margin-right:3px;
   border:1px solid #a0a0a0;
   border-radius:3px;
   font-size:90%
}

数学関係

数学関係の文字の設定に関して，以下のクラス指定が可能です．

数学関係のクラス
用途	クラス	例
数式 (イタリック)	<span class="maht">	alpha
下付き	<span class="sub">	ijk
上付き	<span class="super">	-iφ

このクラスのスタイルシートは，以下のとおりです．

span.math{
    font-style:italic;
}

span.math:after{
    content:"\2009";
}

span.sub{
    vertical-align:sub;
    font-size:80%;
}

span.super{
    vertical-align:super;
    font-size:80%;
}

style を直接指定

単純な場合は，文中に style を直接指定します．

style を直接指定
用途	書き方	出力例
下線	<span style="text-decoration:underline">abc</span>	abc

ページ作成情報

参考資料

更新履歴

2020年08月08日

ページを分割し，新規ページに変更．