ニコニコ大百科モバイル

7/2(月)よりスマホまたはPCでアクセスした場合、各デバイス向けのサイトへ自動で転送致します


HTMLエディタ


ヨミ: エイチティエムエルエディタ
掲示板をミル!
12カキコ!
[画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る]
[画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像を見る]
[画像を見る][画像を見る][画像を見る][画像を見る][画像を見る][画像][画像を見る]

HTMLエディタとは、ニコニコ大百科においては、このである。ニコニコ大百科を編集する時には役立ってくれるはず。

それ以外のHTMLエディタについては後述


概要


上にある[htmlエディタの有効と効を切り替える]というボタンクリックすることによって、実際の記事の見たと、実際に使われているHTMLタグスタイルシート属性などを表示する選択が可である。

ニコニコ大百科の記事を書く上で必要な、基本的な要素を実際の見たで確認しながら記述していく事が可

詳しい使い方は、「ニコニコ大百科:HTMLエディタヘルプ」を参照されたし。


利用できるブラウザ


現在、このHTMLエディタはInternet ExplorerFirefoxSafariGoogle ChromeOperaで利用することができる。


関連項目


p

一般的なHTMLエディタ

HTMLエディタとは本来、タグスタイルシート属性等を一文字、一文字手打ちする作業をいたり、整形したりする為の物であり、タグスタイルシートを記述した文字列が表示されるだけなので(わかりやすく言うと、メモ帳にそのまま書き出したメモ)、ブラウザ上での実際の確認が必要であった。

その為、HTMLCSSの文法(ソースコード)がわからないと、実際に表示したい見たと、記述している内容の違いが分からず使いこなせない場合もあった。

その点をしたのが、webオーサリングツールである。ウェブページ作成ソフトと呼ばれたりもする。代表的なwebオーサリングツールには、「Adobe Dreamweaver」、「ホームページビルダー」、「iweb」、「Microsoft Expression」等がある。

webオーサリングツールの特徴としては、ニコニコ大百科のHTMLエディタのように、タグスタイルシートについて理解してなくてもプレビュー画面を見ながら操作するだけで実際に表示したい形にwebページを作成することが可である。


問題点


個々のwebオーサリングツールにより異なるが、スタイルシートの自動生成機により、同一のスタイルシート属性の二重、三重の不必要な定義が成されたり、高度なレイアウトを行う場合に、tableタグが用いられる場合がある。その為、必然的にファイルサイズが大きくなりページ表示が重くなってしまう原因にもなる。


なお、この問題点の一つである、スタイルシート属性重複定義は、ニコニコ大百科のHTMLエディタでも起きてしまう。文字色や背景色を定した際に何度も定を繰り返したりすると不必要な
<span style="color: #RRGGBB;">~</span>や、
<span style="background-color: #RRGGBB;">~</span>がいくつも残ってしまったりする。


ニコニコ大百科のHTMLエディタ ~その他の特徴~


知っていても、特に役に立たないであろう特徴をご紹介します。


枠の左下部分


パス:」の部分に、カーソルのある位置で有効なタグの要素が表示されます。「パス:」の側(左から右)に順に表示しており、左側にくるのが一番大元(外側)の要素になります。ニコニコ大百科:HTMLタグ一覧に記載されているタグのほぼ全てが表示されます。

表示例

<p>ここは<strong>htmlエディタ</strong>の説明ページです。</p>

と記載してある場合のhtmlエディタの部分にカーソルを合わせた場合、実際の見え方、及び「パス:」の部分は以下のようになります。

ここはhtmlエディタの説明ページです。
パス:p >> strong

と表示されます。

なお、ここでは実際には<blockquote>と<div>を用いてますので

ココ文字カーソルを合わせると
パス:blockquote >> div >> strong
と表示されます。

機能選択時の各アイコン


HTMLエディタの各効果が有効になっている場合、「パス:」の部分と同様に、エディタ上部の各アイコンが、[画像を見る](選択状態)になります。(リンク挿入/編集、アンカー挿入/編集、表の挿入、リスト、画像挿入/編集、文字装飾、文字の表示位置関係[画像を見る]のみ対応)

また、選択が不可能な項は、薄く表示され選択出来ない事を意味しています。例えば、表の中にカーソルい場合は、表に関する各プロパティの設定が不可能な為、関連する項は、薄く表示されます。


関連商品


■azB001JJCJVE
■azB001JJCJVO
■azB001JJCJUK
■azB001JJCJUU

■azB005IHLNOC
■azB00470XHO0
■azB001JJCJHI
■azB00130654Q

■az4839932190
■azB001AG232Q
■azB001AG45P4
■az4891006064


関連リンク



関連項目



最終更新日: 19/06/07 00:00
タグ検索 パソコン版を見る


[0]TOP
ニコニコ動画モバイル
運営元:ドワンゴ