編集方法

削除：コメントをつかう

Webページ内の部分的な削除を行うとき、
以下の場合はコメントにて非表示にします。

  • リンク切れのリンクを削除する場合。
  • 必要なくなったものを削除する場合。
例1：リンクリストのうちひとつを削除する 
<div id="link">
<h3>linktitle</h3>
<ul>
<li><a href="link1.html">残すリンク</a></li>
<li><a href="hoge.html">消すリンク</a></li>
<li><a href="link2.html">残すリンク</a></li>
<li><a href="link3.html">残すリンク</a></li>
</ul>
</div>
↓ 
<div id="link">
<h3>linktitle</h3>
<ul>
<li><a href="link1.html">残すリンク</a></li>
<!--
<li><a href="hoge.html">消すリンク</a></li>
-->
<li><a href="link2.html">残すリンク</a></li>
<li><a href="link3.html">残すリンク</a></li>
</ul>
</div>

また、コメントによる削除を行う際は、
他に影響を与えない程度になるべく大きく、
ブロック要素を括るようにします。

例2：ひとつしかないリンクリストを削除する 
<div id="link">
<h3>linktitle</h3>
<ul>
<li><a href="hoge.html">消すリンク</a></li>
</ul>
</div>
↓ 
<!--
<div id="link">
<h3>linktitle</h3>
<ul>
<li><a href="hoge.html">消すリンク</a></li>
</ul>
</div>
-->

削除：取り消し線を引く

取り消し線タグ<del>を挿入する際は、
上記の削除方法と区別するため、下記の場合とします。

  • リンク先のページがまだ存在している場合
    内部リンクかつ削除依頼があったとき限定かも。
    外部リンクの場合はコメント削除が無難。
  • 明示的な誘導が必要と判断される場合
例1：リンクリストのうちひとつを削除する 
<div id="link">
<h3>linktitle</h3>
<ul>
<li><a href="link1.html">残すリンク</a></li>
<li><a href="hoge.html">消すリンク</a></li>
<li><a href="link2.html">残すリンク</a></li>
<li><a href="link3.html">残すリンク</a></li>
</ul>
</div>
↓ 
<div id="link">
<h3>linktitle</h3>
<ul>
<li><a href="link1.html">残すリンク</a></li>
<li><del><a href="hoge.html">消すリンク</a></del></li>
<li><a href="link2.html">残すリンク</a></li>
<li><a href="link3.html">残すリンク</a></li>
</ul>
</div>
例2：リンクを削除して誘導を追加する 
<div id="link">
<h3>linktitle</h3>
<dl>
<dt><a href="hoge.html">消すリンク</a></dt>
<dd>説明</dd>
</ul>
</div>
↓ 
<div id="link">
<h3>linktitle</h3>
<dl>
<dt><del><a href="hoge.html">消すリンク</a></del></dt>
<dd><del>説明</del><br>追加説明</dd>
</dl>
</div>

要素を追加する

要素の追加は、削除の方法と違ってパターン化しにくいです。
追加する前後の構造に矛盾なく要素を追加してください。

例1: tableに行を追加する 
<table>
<tr>
<td><a href="link1.html">要素1</a></td>
<td>説明</td>
</tr>
<tr>
<td><a href="link2.html">要素2</a></td>
<td>説明</td>
</tr>
[ここに一行追加する]
</table>
↓ 
<table>
<tr>
<td><a href="link1.html">要素1</a></td>
<td>説明</td>
</tr>
<tr>
<td><a href="link2.html">要素2</a></td>
<td>説明</td>
</tr>
<tr>
<td><a href="link_add.html">追加要素</a></td>
<td>説明</td>
</tr>
</table>
例2: リストアイテムを追加する 
<div class="link">
<ul>
<li><a href="link1.html">要素1</a></li>
<li><a href="link2.html">要素2</a></li>
<li><a href="link3.html">要素3</a></li>
[ここに一行追加する]
</ul>
</div>
↓ 
<div class="link">
<ul>
<li><a href="link1.html">要素1</a></li>
<li><a href="link2.html">要素2</a></li>
<li><a href="link3.html">要素3</a></li>
<li><a href="link_add.html">追加要素</a></li>
</ul>
</div>
例3: めんどくさいパターン 
<dl>
<dt class="hoge"><a href="link1.html">要素1</a></dt>
<dd class="hoge">
<ul>
<li>説明1</li>
<li>説明2</li>
<li>説明3</li>
</ul>
</dd>
<dt class="hogehoge"><a href="link2.html">要素2</a></dt>
<dd class="hogehoge">長い説明<br>
長い説明_2行目</dd>
[ここに一組追加する]
</dl>
↓ 
<dl>
<dt class="hoge"><a href="link1.html">要素1</a></dt>
<dd class="hoge">
<ul>
<li>説明1</li>
<li>説明2</li>
<li>説明3</li>
</ul>
</dd>
<dt class="hogehoge"><a href="link2.html">要素2</a></dt>
<dd class="hogehoge">長い説明<br>
長い説明_2行目</dd>
<dt><a href="link_add.html">追加要素</a></dt>
<dd>短い説明</dd>
</dl>