diff --git a/www/command-line-options.html b/www/command-line-options.html
index 8e821c5..117598c 100644
--- a/www/command-line-options.html
+++ b/www/command-line-options.html
@@ -2,18 +2,18 @@
 

 

 

-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

-    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

+  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">

 <head>

   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

   <meta name="verify-v1" content="g222frIIxcQTrvDR3NBRUSKP3AnMNoqxOkIniCEkV7U="/>

-  <title>ImageMagick: Command-line Options</title/>
+  <title>ImageMagick: Command-line Options</title>
   <meta http-equiv="Content-Language" content="en-US"/>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <meta http-equiv="Reply-to" content="magick-users@imagemagick.org"/>
   <meta name="Application-name" content="ImageMagick"/>
-  <meta name="Description" content="ImageMagick® is a software suite to create, edit, and compose bitmap images. It can read, convert and write images in a variety of formats (about 100) including GIF, JPEG, JPEG-2000, PNG, PDF, PhotoCD, TIFF, and DPX. Use ImageMagick to translate, flip, mirror, rotate, scale, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and Bézier curves.  ImageMagick is free software delivered as a ready-to-run binary distribution or as source code that you can freely use, copy, modify, and distribute. Its license is compatible with the GPL. It runs on all major operating systems.  The functionality of ImageMagick is typically utilized from the command line or you can use the features from programs written in your favorite programming language. Choose from these interfaces: MagickCore (C), MagickWand (C), ChMagick (Ch), Magick++ (C++), JMagick (Java), L-Magick (Lisp), PascalMagick (Pascal), PerlMagick (Perl), MagickWand for PHP (PHP), PythonMagick (Python), RMagick (Ruby), or TclMagick (Tcl/TK). With a language interface, use ImageMagick to modify or create images automagically and dynamically."/>
+  <meta name="Description" content="ImageMagick is a software suite to create, edit, compose, or convert bitmap images in a variety of formats. Use ImageMagick to scale, rotate, shear, distort and transform images."/>
   <meta name="Application-url" content="http://www.imagemagick.org"/>
   <meta name="Generator" content="PHP"/>
   <meta name="Keywords" content="command-line, options, ImageMagick, ImageMagic, MagickCore, MagickWand, PerlMagick, Magick++, RMagick, PythonMagick, JMagick, TclMagick, Image, Magick, Magic, Wand, ImageMagickObject, Swiss, Army, Knife, Image, Processing"/>
@@ -25,12 +25,25 @@
   <meta name="Resource-type" content="document"/>
   <meta name="Copyright" content="Copyright (c) 1999-2011 ImageMagick Studio LLC"/>
   <meta name="Distribution" content="Global"/>
-  <link rel="icon" href="../images/wand.png"  sizes="32x32"/>
+  <link rel="icon" href="../images/wand.png"/>
   <link rel="shortcut icon" href="../images/wand.ico"  type="images/x-icon"/>
   <link rel="meta" type="application/rdf+xml" title="ICI" href="http://imagemagick.org/ici.rdf"/>

   <style type="text/css" media="all">

     @import url("../www/magick.css");

   </style>

+  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

+   <script type="text/javascript" src="../fancybox/jquery.fancybox-1.3.4.pack.js"></script>

+   <link rel="stylesheet" type="text/css" href="../fancybox/jquery.fancybox-1.3.4.css" media="screen" />

+   <script type="text/javascript">

+     $(document).ready(function() {

+       $("a[href$=.jpg],a[href$=.png],a[href$=.gif]").fancybox({

+         'transitionIn'  : 'elastic',

+         'transitionOut' : 'elastic',

+         'overlayShow'   : false,

+         'opacity'       : true

+       });

+     });

+   </script>

 </head>

 

 <body id="www-imagemagick-org">

@@ -93,7 +106,7 @@
     <a title="Program Interface: PerlMagick" href="../www/perl-magick.html">PerlMagick</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: Magick++" href="../Magick++/">Magick++</a>
+    <a title="Program Interface: Magick++" href="../www/magick++.html">Magick++</a>
 </div>
 <div class="sep"></div>

 <div  class="menu">
@@ -120,10 +133,10 @@
 </div>
 <div class="sep"></div>

 <div class="menu">
-  <a title="Site Map"href="../www/sitemap.html">Site Map</a>
+  <a title="Site Map" href="../www/sitemap.html">Site Map</a>
 </div>
 <div  class="sub">
-    <a title="Site Map: Links"href="../www/links.html">Links</a>
+  <a title="Site Map: Links" href="../www/links.html">Links</a>
 </div>
 <div class="sep"></div>

 <div  class="menu">
@@ -142,15 +155,6 @@
 <div  class="sponsor">
   <a title="Sponsor: Flyer drucken" href="http://www.online-druck.biz">Flyer drucken</a><!-- 201109010900 Floeter-->
 </div>
-<div  class="sponsor">
-  <a title="Sponsor: Webdesign Agentur" href="http://www.ventzke-partner.de">Webdesign Agentur</a><!-- 201101010480 invendio.de-->
-</div>
-<div  class="sponsor">
-  <a title="Sponsor: LVM Versicherung" href="http://www.neu-reich.de">LVM Versicherung</a><!-- 201101010480 -->
-</div>
-<div  class="sponsor">
-  <a title="Sponsor: Diamonds are a Girls Best Friend" href="http://www.schmuck.org">Diamonds are a Girls Best Friend</a><!-- 201101010600 Peterssen-->
-</div>
 </div>
 </div>
 </div>

@@ -171,9 +175,12 @@
 

 <div class="main">

 

+<h1>Create, Edit, or Compose Bitmap Images With These Command-line Options</h1>
 <p class="navigation-index">
 [ <a href="../www/command-line-options.html#adaptive-blur">&#x2011;adaptive&#x2011;blur</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#adaptive-resize">&#x2011;adaptive&#x2011;resize</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#adaptive-sharpen">&#x2011;adaptive&#x2011;sharpen</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#adjoin">&#x2011;adjoin</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#affine">&#x2011;affine</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#alpha">&#x2011;alpha</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#annotate">&#x2011;annotate</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#antialias">&#x2011;antialias</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#append">&#x2011;append</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#attenuate">&#x2011;attenuate</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#authenticate">&#x2011;authenticate</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#auto-gamma">&#x2011;auto&#x2011;gamma</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#auto-level">&#x2011;auto&#x2011;level</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#auto-orient">&#x2011;auto&#x2011;orient</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#backdrop">&#x2011;backdrop</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#background">&#x2011;background</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#bench">&#x2011;bench</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#bias">&#x2011;bias</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#blackpoint-compensation">&#x2011;blackpoint&#x2011;compensation</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#black-threshold">&#x2011;black&#x2011;threshold</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#blend">&#x2011;blend</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#blue-primary">&#x2011;blue&#x2011;primary</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#blue-shift">&#x2011;blue&#x2011;shift</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#blur">&#x2011;blur</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#border">&#x2011;border</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#bordercolor">&#x2011;bordercolor</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#borderwidth">&#x2011;borderwidth</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#brightness-contrast">&#x2011;brightness&#x2011;contrast</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#cache">&#x2011;cache</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#caption">&#x2011;caption</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#cdl">&#x2011;cdl</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#channel">&#x2011;channel</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#charcoal">&#x2011;charcoal</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#chop">&#x2011;chop</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#clamp">&#x2011;clamp</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#clip">&#x2011;clip</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#clip-mask">&#x2011;clip&#x2011;mask</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#clip-path">&#x2011;clip&#x2011;path</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#clone">&#x2011;clone</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#clut">&#x2011;clut</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#coalesce">&#x2011;coalesce</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#colorize">&#x2011;colorize</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#colormap">&#x2011;colormap</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#color-matrix">&#x2011;color&#x2011;matrix</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#colors">&#x2011;colors</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#colorspace">&#x2011;colorspace</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#combine">&#x2011;combine</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#comment">&#x2011;comment</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#compose">&#x2011;compose</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#composite">&#x2011;composite</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#compress">&#x2011;compress</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#contrast">&#x2011;contrast</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#contrast-stretch">&#x2011;contrast&#x2011;stretch</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#convolve">&#x2011;convolve</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#crop">&#x2011;crop</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#cycle">&#x2011;cycle</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#debug">&#x2011;debug</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#decipher">&#x2011;decipher</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#deconstruct">&#x2011;deconstruct</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#define">&#x2011;define</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#delay">&#x2011;delay</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#delete">&#x2011;delete</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#density">&#x2011;density</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#depth">&#x2011;depth</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#descend">&#x2011;descend</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#deskew">&#x2011;deskew</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#despeckle">&#x2011;despeckle</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#direction">&#x2011;direction</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#displace">&#x2011;displace</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#display">&#x2011;display</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#dispose">&#x2011;dispose</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#dissimilarity-threshold">&#x2011;dissimilarity&#x2011;threshold</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#dissolve">&#x2011;dissolve</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#distort">&#x2011;distort</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#dither">&#x2011;dither</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#draw">&#x2011;draw</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#edge">&#x2011;edge</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#emboss">&#x2011;emboss</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#encipher">&#x2011;encipher</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#encoding">&#x2011;encoding</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#endian">&#x2011;endian</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#enhance">&#x2011;enhance</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#equalize">&#x2011;equalize</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#evaluate">&#x2011;evaluate</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#evaluate-sequence">&#x2011;evaluate&#x2011;sequence</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#extent">&#x2011;extent</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#extract">&#x2011;extract</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#family">&#x2011;family</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#features">&#x2011;features</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#fft">&#x2011;fft</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#fill">&#x2011;fill</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#filter">&#x2011;filter</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#flatten">&#x2011;flatten</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#flip">&#x2011;flip</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#floodfill">&#x2011;floodfill</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#flop">&#x2011;flop</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#font">&#x2011;font</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#foreground">&#x2011;foreground</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#format">&#x2011;format</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#format_identify_">&#x2011;format[identify]</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#frame">&#x2011;frame</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#frame_import_">&#x2011;frame[import]</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#function">&#x2011;function</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#fuzz">&#x2011;fuzz</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#fx">&#x2011;fx</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#gamma">&#x2011;gamma</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#gaussian-blur">&#x2011;gaussian&#x2011;blur</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#geometry">&#x2011;geometry</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#gravity">&#x2011;gravity</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#green-primary">&#x2011;green&#x2011;primary</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#hald-clut">&#x2011;hald&#x2011;clut</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#help">&#x2011;help</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#highlight-color">&#x2011;highlight&#x2011;color</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#iconGeometry">&#x2011;iconGeometry</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#iconic">&#x2011;iconic</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#identify">&#x2011;identify</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#ift">&#x2011;ift</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#immutable">&#x2011;immutable</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#implode">&#x2011;implode</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#insert">&#x2011;insert</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#intent">&#x2011;intent</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#interlace">&#x2011;interlace</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#interpolate">&#x2011;interpolate</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#interline-spacing">&#x2011;interline&#x2011;spacing</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#interword-spacing">&#x2011;interword&#x2011;spacing</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#kerning">&#x2011;kerning</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#label">&#x2011;label</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#lat">&#x2011;lat</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#layers">&#x2011;layers</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#level">&#x2011;level</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#level-colors">&#x2011;level&#x2011;colors</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#limit">&#x2011;limit</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#linear-stretch">&#x2011;linear&#x2011;stretch</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#linewidth">&#x2011;linewidth</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#liquid-rescale">&#x2011;liquid&#x2011;rescale</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#list">&#x2011;list</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#log">&#x2011;log</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#loop">&#x2011;loop</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#lowlight-color">&#x2011;lowlight&#x2011;color</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#magnify">&#x2011;magnify</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#map">&#x2011;map</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#map_stream_">&#x2011;map[stream]</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#mask">&#x2011;mask</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#mattecolor">&#x2011;mattecolor</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#median">&#x2011;median</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#metric">&#x2011;metric</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#mode">&#x2011;mode</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#modulate">&#x2011;modulate</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#monitor">&#x2011;monitor</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#monochrome">&#x2011;monochrome</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#morph">&#x2011;morph</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#morphology">&#x2011;morphology</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#mosaic">&#x2011;mosaic</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#motion-blur">&#x2011;motion&#x2011;blur</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#name">&#x2011;name</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#negate">&#x2011;negate</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#noise">&#x2011;noise</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#normalize">&#x2011;normalize</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#opaque">&#x2011;opaque</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#ordered-dither">&#x2011;ordered&#x2011;dither</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#orient">&#x2011;orient</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#page">&#x2011;page</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#paint">&#x2011;paint</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#path">&#x2011;path</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#pause_animate_">&#x2011;pause[animate]</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#pause_import_">&#x2011;pause[import]</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#pen">&#x2011;pen</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#ping">&#x2011;ping</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#pointsize">&#x2011;pointsize</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#polaroid">&#x2011;polaroid</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#posterize">&#x2011;posterize</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#precision">&#x2011;precision</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#preview">&#x2011;preview</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#print">&#x2011;print</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#process">&#x2011;process</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#profile">&#x2011;profile</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#quality">&#x2011;quality</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#quantize">&#x2011;quantize</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#quiet">&#x2011;quiet</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#radial-blur">&#x2011;radial&#x2011;blur</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#raise">&#x2011;raise</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#random-threshold">&#x2011;random&#x2011;threshold</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#red-primary">&#x2011;red&#x2011;primary</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#regard-warnings">&#x2011;regard&#x2011;warnings</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#region">&#x2011;region</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#remap">&#x2011;remap</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#remote">&#x2011;remote</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#render">&#x2011;render</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#repage">&#x2011;repage</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#resample">&#x2011;resample</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#resize">&#x2011;resize</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#respect-parentheses">&#x2011;respect&#x2011;parentheses</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#reverse">&#x2011;reverse</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#roll">&#x2011;roll</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#rotate">&#x2011;rotate</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#sample">&#x2011;sample</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#sampling-factor">&#x2011;sampling&#x2011;factor</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#scale">&#x2011;scale</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#scene">&#x2011;scene</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#screen">&#x2011;screen</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#seed">&#x2011;seed</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#segment">&#x2011;segment</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#selective-blur">&#x2011;selective&#x2011;blur</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#separate">&#x2011;separate</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#sepia-tone">&#x2011;sepia&#x2011;tone</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#set">&#x2011;set</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#shade">&#x2011;shade</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#shadow">&#x2011;shadow</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#shared-memory">&#x2011;shared&#x2011;memory</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#sharpen">&#x2011;sharpen</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#shave">&#x2011;shave</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#shear">&#x2011;shear</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#sigmoidal-contrast">&#x2011;sigmoidal&#x2011;contrast</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#silent">&#x2011;silent</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#size">&#x2011;size</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#sketch">&#x2011;sketch</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#snaps">&#x2011;snaps</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#solarize">&#x2011;solarize</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#sparse-color">&#x2011;sparse&#x2011;color</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#splice">&#x2011;splice</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#spread">&#x2011;spread</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#stegano">&#x2011;stegano</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#stereo">&#x2011;stereo</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#stretch">&#x2011;stretch</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#strip">&#x2011;strip</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#stroke">&#x2011;stroke</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#strokewidth">&#x2011;strokewidth</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#style">&#x2011;style</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#subimage-search">&#x2011;subimage&#x2011;search</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#swap">&#x2011;swap</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#swirl">&#x2011;swirl</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#synchronize">&#x2011;synchronize</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#taint">&#x2011;taint</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#text-font">&#x2011;text&#x2011;font</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#texture">&#x2011;texture</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#threshold">&#x2011;threshold</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#thumbnail">&#x2011;thumbnail</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#tile">&#x2011;tile</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#tile-offset">&#x2011;tile&#x2011;offset</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#tint">&#x2011;tint</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#title">&#x2011;title</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#transform">&#x2011;transform</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#transparent">&#x2011;transparent</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#transparent-color">&#x2011;transparent&#x2011;color</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#transpose">&#x2011;transpose</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#transverse">&#x2011;transverse</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#treedepth">&#x2011;treedepth</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#trim">&#x2011;trim</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#type">&#x2011;type</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#undercolor">&#x2011;undercolor</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#unique-colors">&#x2011;unique&#x2011;colors</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#units">&#x2011;units</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#unsharp">&#x2011;unsharp</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#update">&#x2011;update</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#verbose">&#x2011;verbose</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#version">&#x2011;version</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#view">&#x2011;view</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#vignette">&#x2011;vignette</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#virtual-pixel">&#x2011;virtual&#x2011;pixel</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#visual">&#x2011;visual</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#watermark">&#x2011;watermark</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#wave">&#x2011;wave</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#weight">&#x2011;weight</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#white-point">&#x2011;white&#x2011;point</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#white-threshold">&#x2011;white&#x2011;threshold</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#window">&#x2011;window</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#window-group">&#x2011;window&#x2011;group</a> <span class='bull'>&nbsp;&bull; </span> <a href="../www/command-line-options.html#write">&#x2011;write</a>  ] </p>
 
+<div class="doc-section">
+
 <p>Below is list of command-line options recognized by the ImageMagick <a
 href="../www/command-line-tools.html">command-line
 tools</a>. If you want a description of a particular option, click on the
@@ -181,14 +188,14 @@
 otherwise noted, each option is recognized by the commands <a href="../www/convert.html">convert</a>, <a href="../www/mogrify.html">mogrify</a>.</p>
 
 <div style="margin: auto;">
-  <h4><a name="adaptive-blur" id="adaptive-blur"></a>-adaptive-blur <em class="arg">radius</em>[x<em class="arg">sigma</em>]</h4>
+  <h4><a id="adaptive-blur"></a>-adaptive-blur <em class="arg">radius</em>[x<em class="arg">sigma</em>]</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Adaptively blur pixels, with decreasing effect near edges.</td><td style='text-align:right;'></td></tr></table>
 <p>A Gaussian operator of the given radius and standard deviation (<em class="arg">sigma</em>) is used. If <em class="arg">sigma</em> is not given it defaults to 1.</p>
 
 <div style="margin: auto;">
-  <h4><a name="adaptive-resize" id="adaptive-resize"></a>-adaptive-resize <em class="arg">geometry</em></h4>
+  <h4><a id="adaptive-resize"></a>-adaptive-resize <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Resize the image using data-dependent triangulation.</td><td style='text-align:right;'></td></tr></table>
@@ -196,7 +203,7 @@
 <p>See <a href="../www/command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument. The <a href="#adaptive-resize">-adaptive-resize</a> option defaults to data-dependent triangulation.  Use the <a href="#filter">-filter</a> to choose a different resampling algorithm.  Offsets, if present in the geometry string, are ignored, and the <a href="#gravity">-gravity</a> option has no effect.</p>
 
 <div style="margin: auto;">
-  <h4><a name="adaptive-sharpen" id="adaptive-sharpen"></a>-adaptive-sharpen <em class="arg">radius</em>[x<em class="arg">sigma</em>]</h4>
+  <h4><a id="adaptive-sharpen"></a>-adaptive-sharpen <em class="arg">radius</em>[x<em class="arg">sigma</em>]</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Adaptively sharpen pixels, with increasing effect near edges.</td><td style='text-align:right;'></td></tr></table>
@@ -204,7 +211,7 @@
 <p>A Gaussian operator of the given radius and standard deviation (<em class="arg">sigma</em>) is used. If <em class="arg">sigma</em> is not given it defaults to 1.</p>
 
 <div style="margin: auto;">
-  <h4><a name="adjoin" id="adjoin"></a>-adjoin</h4>
+  <h4><a id="adjoin"></a>-adjoin</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Join images into a single multi-image file.</td><td style='text-align:right;'></td></tr></table>
@@ -228,14 +235,14 @@
 </p>
 
 <p>In summary, ImageMagick tries to write all images to one file, but will use
-multiple files if either<br>
- (1) the output image's file format does not allow multi-image files,<br>
- (2) the <a href="#adjoin">+adjoin</a> option is given, or<br>
- (3) a C-style integer format string is present in the output filename. </p>
+multiple files if either<br />
+ (1) the output image's file format does not allow multi-image files,<br />
+ (2) the <a href="#adjoin">+adjoin</a> option is given, or<br />
+ (3) a printf() integer format string (eg: "%d") is present in the output filename. </p>
 
 
 <div style="margin: auto;">
-  <h4><a name="affine" id="affine"></a>-affine <em class="arg">s<sub>x</sub></em>,<em class="arg">r<sub>x</sub></em>,<em class="arg">r<sub>y</sub></em>,<em class="arg">s<sub>y</sub></em>,<em class="arg">t<sub>x</sub></em>,<em class="arg">t<sub>y</sub></em><br/>
+  <h4><a id="affine"></a>-affine <em class="arg">s<sub>x</sub></em>,<em class="arg">r<sub>x</sub></em>,<em class="arg">r<sub>y</sub></em>,<em class="arg">s<sub>y</sub></em>,<em class="arg">t<sub>x</sub></em>,<em class="arg">t<sub>y</sub></em><br/>
   -affine <em class="arg">s<sub>x</sub></em>,<em class="arg">r<sub>x</sub></em>,<em class="arg">r<sub>y</sub></em>,<em class="arg">s<sub>y</sub></em></h4>
 </div>
 
@@ -282,7 +289,7 @@
 <p>An attempt is made to detect near-singular transformation matrices. If the matrix determinant has a sufficiently small absolute value it is rejected.</p>
 
 <div style="margin: auto;">
-  <h4><a name="alpha" id="alpha"></a>-alpha <em class="arg">type</em></h4>
+  <h4><a id="alpha"></a>-alpha <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Gives control of the alpha/matte channel of an image.</td><td style='text-align:right;'></td></tr></table>
@@ -376,7 +383,7 @@
 
 
 <div style="margin: auto;">
- <h4><a name="annotate" id="annotate"></a>
+ <h4><a id="annotate"></a>
  -annotate <em class="arg">degrees</em> <em class="arg">text</em><br />
  -annotate <em class="arg">Xdegrees</em>x<em class="arg">Ydegrees</em> <em class="arg">text</em><br />
  -annotate <em class="arg">Xdegrees</em>x<em class="arg">Ydegrees</em> {+-}<em class="arg">t<sub>x</sub></em>{+-}<em class="arg">t<sub>y</sub></em> <em class="arg">text</em></h4>
@@ -399,7 +406,7 @@
 <p>Text is any UTF-8 encoded character sequence.  If <em class="arg">text</em> is of the form '@mytext.txt', the text is read from the file <kbd>mytext.txt</kbd>.  Text  in a file is taken literally; no embedded formatting characters are recognized.</p>
 
 <div style="margin: auto;">
-  <h4><a name="antialias" id="antialias"></a>-antialias</h4>
+  <h4><a id="antialias"></a>-antialias</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Enable/Disable of the rendering of anti-aliasing pixels when
@@ -412,7 +419,7 @@
 are added when drawing such objects. </p>
 
 <div style="margin: auto;">
-  <h4><a name="append" id="append"></a>-append</h4>
+  <h4><a id="append"></a>-append</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Join current images vertically or horizontally.</td><td style='text-align:right;'></td></tr></table>
@@ -428,14 +435,14 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="attenuate" id="attenuate"></a>-attenuate <em class="arg">value</em></h4>
+  <h4><a id="attenuate"></a>-attenuate <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Lessen (or intensify) when adding noise to an image.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="authenticate" id="authenticate"></a>-authenticate <em class="arg">password</em></h4>
+  <h4><a id="authenticate"></a>-authenticate <em class="arg">password</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Decrypt a PDF with a password.</td><td style='text-align:right;'></td></tr></table>
@@ -447,7 +454,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="auto-gamma" id="auto-gamma"></a>-auto-gamma</h4>
+  <h4><a id="auto-gamma"></a>-auto-gamma</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Automagically adjust gamma level of image.</td><td style='text-align:right;'></td></tr></table>
@@ -464,15 +471,15 @@
 </p>
 
 <p>It uses the <a href="#channel" >-channel</a> setting, (including the
-'<CODE>sync</CODE>' flag for channel syncronization), to determine which color
+'<em>sync</em>' flag for channel syncronization), to determine which color
 values is used and modified. As the default <a href="#channel"
->-channel</a> setting is '<CODE>RGB,sync</CODE>', channels are modified
+>-channel</a> setting is '<em>RGB,sync</em>', channels are modified
 together by the same gamma value, preserving colors. </p>
 
 
 
 <div style="margin: auto;">
-  <h4><a name="auto-level" id="auto-level"></a>-auto-level</h4>
+  <h4><a id="auto-level"></a>-auto-level</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Automagically adjust color levels of image.</td><td style='text-align:right;'></td></tr></table>
@@ -496,16 +503,16 @@
 >-auto-level</a> is the perfect or ideal version these operators. </p>
 
 <p>It uses the <a href="#channel" >-channel</a> setting, (including the
-special '<CODE>sync</CODE>' flag for channel syncronization), to determine
+special '<em>sync</em>' flag for channel syncronization), to determine
 which color values are used and modified. As the default <a
-href="#channel" >+channel</a> setting is '<CODE>RGB,sync</CODE>', the
-'<CODE>sync</CODE>' ensures that the color channels will are modified
+href="#channel" >+channel</a> setting is '<em>RGB,sync</em>', the
+'<em>sync</em>' ensures that the color channels will are modified
 together by the same gamma value, preserving colors, and ignoring
 transparency. </p>
 
 
 <div style="margin: auto;">
-  <h4><a name="auto-orient" id="auto-orient"></a>-auto-orient</h4>
+  <h4><a id="auto-orient"></a>-auto-orient</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Automagically orient (rotate) an image created by a digital camera.</td><td style='text-align:right;'></td></tr></table>
@@ -523,7 +530,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="average" id="average"></a>-average</h4>
+  <h4><a id="average"></a>-average</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Average a set of images.</td><td style='text-align:right;'></td></tr></table>
@@ -532,7 +539,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="backdrop" id="backdrop"></a>-backdrop</h4>
+  <h4><a id="backdrop"></a>-backdrop</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Display the image centered on a backdrop.</td><td style='text-align:right;'>[<a href="../www/animate.html">animate</a>, <a href="../www/display.html">display</a>]</td></tr></table>
@@ -540,7 +547,7 @@
 <p>This backdrop covers the entire workstation screen and is useful for hiding other X window activity while viewing the image. The color of the backdrop is specified as the background color. The color is specified using the format described under the <a href="#fill">-fill</a> option.</p>
 
 <div style="margin: auto;">
-  <h4><a name="background" id="background"></a>-background <em class="arg">color</em></h4>
+  <h4><a id="background"></a>-background <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the background color.</td><td style='text-align:right;'></td></tr></table>
@@ -548,7 +555,7 @@
 <p>The color is specified using the format described under the <a href="#fill">-fill</a> option. The default background color (if none is specified or found in the image) is white.</p>
 
 <div style="margin: auto;">
-  <h4><a name="bench" id="bench"></a>-bench <em class="arg">iterations</em></h4>
+  <h4><a id="bench"></a>-bench <em class="arg">iterations</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Measure performance.</td><td style='text-align:right;'></td></tr></table>
@@ -559,7 +566,7 @@
 <p>In this example, 5 iterations were completed at 0.875657 iterations per second, using 6.88 seconds of the user's allotted time, for a total elapsed time of 5.71 seconds.</p>
 
 <div style="margin: auto;">
-  <h4><a name="bias" id="bias"></a>-bias <em class="arg">value</em>{<em class="arg">%</em>}</h4>
+  <h4><a id="bias"></a>-bias <em class="arg">value</em>{<em class="arg">%</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Add bias when convolving an image.</td><td style='text-align:right;'></td></tr></table>
@@ -577,13 +584,13 @@
 </p>
 
 <div style="margin: auto;">
-  <h4><a name="black-point-compensation" id="black-point-compensation"></a>-black-point-compensation</h4>
+  <h4><a id="black-point-compensation"></a>-black-point-compensation</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Use black point compensation.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="black-threshold" id="black-threshold"></a>-black-threshold <em class="arg">value</em>{<em class="arg">%</em>}</h4>
+  <h4><a id="black-threshold"></a>-black-threshold <em class="arg">value</em>{<em class="arg">%</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Force to black all pixels below the threshold while leaving all pixels at or above the threshold unchanged.</td><td style='text-align:right;'></td></tr></table>
@@ -593,7 +600,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="blend" id="blend"></a>-blend <em class="arg">geometry</em></h4>
+  <h4><a id="blend"></a>-blend <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>blend an image into another by the given absolute value or percent.</td><td style='text-align:right;'>[<a href="../www/composite.html">composite</a>]</td></tr></table>
@@ -607,13 +614,13 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="blue-primary" id="blue-primary"></a>-blue-primary <em class="arg">x</em>,<em class="arg">y</em></h4>
+  <h4><a id="blue-primary"></a>-blue-primary <em class="arg">x</em>,<em class="arg">y</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the blue chromaticity primary point.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="blue-shift" id="blue-shift"></a>-blue-shift <em class="arg">factor</em></h4>
+  <h4><a id="blue-shift"></a>-blue-shift <em class="arg">factor</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>simulate a scene at nighttime in the moonlight.  Start with a factor of 1.5</td><td style='text-align:right;'></td></tr></table>
@@ -621,7 +628,7 @@
 <div style="margin: auto;">
 
 <div style="margin: auto;">
-  <h4><a name="blur" id="blur"></a>-blur <em class="arg">radius</em><br />-blur <em class="arg">radius</em>x<em class="arg">sigma</em></h4>
+  <h4><a id="blur"></a>-blur <em class="arg">radius</em><br />-blur <em class="arg">radius</em>x<em class="arg">sigma</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Reduce image noise and reduce detail levels.</td><td style='text-align:right;'></td></tr></table>
@@ -658,7 +665,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="blur-composite" id="blur"></a>-blur <em class="arg">Width</em>[x<em class="arg">Height</em>[+<em class="arg">Angle</em>]]</h4>
+  <h4>-blur <em class="arg">Width</em>[x<em class="arg">Height</em>[+<em class="arg">Angle</em>]]</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Variably blur and image according to the overlay mapping.</td><td style='text-align:right;'>[<a href="../www/composite.html">composite</a>]</td></tr></table>
@@ -679,7 +686,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="border" id="border"></a>-border <em class="arg">geometry</em></h4>
+  <h4><a id="border"></a>-border <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Surround the image with a border of color. </td><td style='text-align:right;'></td></tr></table>
@@ -702,7 +709,7 @@
 functionality.</p>
 
 <div style="margin: auto;">
-  <h4><a name="bordercolor" id="bordercolor"></a>-bordercolor <em class="arg">color</em></h4>
+  <h4><a id="bordercolor"></a>-bordercolor <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the border color.</td><td style='text-align:right;'></td></tr></table>
@@ -712,13 +719,13 @@
 <p>The default border color is <kbd>#DFDFDF</kbd>, <span style="background-color: #dfdfdf;">this shade of gray</span>.</p>
 
 <div style="margin: auto;">
-  <h4><a name="borderwidth" id="borderwidth"></a>-borderwidth <em class="arg">geometry</em> </h4>
+  <h4><a id="borderwidth"></a>-borderwidth <em class="arg">geometry</em> </h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the border width.</td><td style='text-align:right;'>[<a href="../www/animate.html">animate</a>, <a href="../www/display.html">display</a>]</td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="brightness-contrast" id="brightness-contrast"></a>-brightness-contrast <em class="arg">brightness</em><br />-brightness-contrast <em class="arg">brightness</em>{x<em class="arg">contrast</em>}{<em class="arg">%</em>}}</h4>
+  <h4><a id="brightness-contrast"></a>-brightness-contrast <em class="arg">brightness</em><br />-brightness-contrast <em class="arg">brightness</em>{x<em class="arg">contrast</em>}{<em class="arg">%</em>}}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Adjust the brightness and/or contrast of the image.</td><td style='text-align:right;'></td></tr></table>
@@ -756,13 +763,13 @@
 symbol is no different than leaving it off.</p>
 
 <div style="margin: auto;">
-  <h4><a name="cache" id="cache"></a>-cache <em class="arg">threshold</em></h4>
+  <h4><a id="cache"></a>-cache <em class="arg">threshold</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>(This option has been replaced by the <a href='#limit'>-limit</a> option.)</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="caption" id="caption"></a>-caption <em class="arg">string</em></h4>
+  <h4><a id="caption"></a>-caption <em class="arg">string</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Assign a caption to an image.</td><td style='text-align:right;'></td></tr></table>
@@ -797,7 +804,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="cdl" id="cdl"></a>-cdl <em class="arg">filename</em></h4>
+  <h4><a id="cdl"></a>-cdl <em class="arg">filename</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>color correct with a color decision list.</td><td style='text-align:right;'></td></tr></table>
@@ -821,7 +828,7 @@
 </pre>
 
 <div style="margin: auto;">
-  <h4><a name="channel" id="channel"></a>-channel <em class="arg">type</em></h4>
+  <h4><a id="channel"></a>-channel <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Specify those image color channels to which subsequent operators are limited.</td><td style='text-align:right;'></td></tr></table>
@@ -851,7 +858,7 @@
 but generally any operators that are generally 'grey-scale' image operators,
 will understand this setting.  See individual operator documentation. </p>
 
-<br>
+<br />
 
 <p>On top of the normal channel selection a extra flag can be specified,
 '<kbd>Sync</kbd>'.  This is turned on by default and if set means that
@@ -867,14 +874,14 @@
 it being set, then each channel is modified separately and
 independently, which may produce color distortion. </p>
 
-<p>The <a href="#morphology">-morphology</a> '<kdb>Convolve</kdb>' method
+<p>The <a href="#morphology">-morphology</a> '<kbd>Convolve</kbd>' method
 and the <a href="#compose">-compose</a> mathematical methods, also understands
 the '<kbd>Sync</kbd>' flag to modify the behaviour of pixel colors according
 to the alpha channel (if present). That is to say it will modify the image
 processing with the understanding that fully-transparent colors should not
 contribute to the final result. </p>
 
-Basically, by default, operators work with color channels in syncronous, and
+<p>Basically, by default, operators work with color channels in syncronous, and
 treats transparency as special, unless the <a href="#channel">-channel</a>
 setting is modified so as to remove the effect of the '<kbd>Sync</kbd>' flag.
 How each operator does this depends on that operators current implementation.
@@ -884,7 +891,7 @@
 <p>To print a complete list of channel types, use <a href="#list">-list
 channel</a>.</p>
 
-<br>
+<br />
 
 <p>By default, ImageMagick sets <a href="#channel">-channel</a> to the value
 '<kbd>RGBK,sync</kbd>', which specifies that operators act on all color
@@ -951,19 +958,19 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="clamp" id="clamp"></a>-clamp</h4>
+  <h4><a id="clamp"></a>-clamp</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Restrict image colors from 0 to the quantum depth.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="charcoal" id="charcoal"></a>-charcoal <em class="arg">factor</em></h4>
+  <h4><a id="charcoal"></a>-charcoal <em class="arg">factor</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Simulate a charcoal drawing.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="chop" id="chop"></a>-chop <em class="arg">geometry</em></h4>
+  <h4><a id="chop"></a>-chop <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Remove pixels from the interior of an image.</td><td style='text-align:right;'></td></tr></table>
@@ -978,8 +985,19 @@
 <p>The <a href="#chop">-chop</a> option removes entire rows and columns,
 and moves the remaining corner blocks leftward and upward to close the gaps.</p>
 
+<p>While it can remove internal rows and columns of pixels, it is more typically
+used with as <a href="#gravity">-gravity</a> setting and a '<kbd>+0+0</kbd>' offset
+so as to remove a single edge from an image.  Compare this to <a href="#shave"
+>-shave</a> whcih removes equal numbers of pixels from oppisite sides of the image.
+</p>
+
+<p>Using <a href="#chop">-chop</a> will effectivally undo the results of a
+<a href="#splice">-splice</a> that was given the same <em class="arg">geometry</em>
+and <a href="#gravity">-gravity</a> settings. </p>
+
+
 <div style="margin: auto;">
-  <h4><a name="clip" id="clip"></a>-clip</h4>
+  <h4><a id="clip"></a>-clip</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Apply the clipping path if one is present.</td><td style='text-align:right;'></td></tr></table>
@@ -994,34 +1012,42 @@
 <p>The <a href="#clip">-clip</a> feature requires the XML library. If the XML library is not present, the option is ignored.</p>
 
 <div style="margin: auto;">
-  <h4><a name="clip-mask" id="clip-mask"></a>-clip-mask</h4>
+  <h4><a id="clip-mask"></a>-clip-mask</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Clip the image as defined by this mask.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="clip-path" id="clip-path"></a>-clip-path <em class="arg">id</em></h4>
+  <h4><a id="clip-path"></a>-clip-path <em class="arg">id</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Clip along a named path from the 8BImageMagick profile.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="clone" id="clone"></a>-clone <em class="arg">index(s)</em></h4>
+  <h4><a id="clone"></a>-clone <em class="arg">index(s)</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Make a copy of an image (or images).</td><td style='text-align:right;'></td></tr></table>
 
+<p>Inside parenthesis (where the operator is normally used) it will make a
+clone of the images from the last 'pushed' image sequence, and adds them to
+the end of the current image sequence. Outside parenthesis
+(not recommended) it clones the images from the current image sequence. </p>
+
 <p>Specify the image by its index in the sequence.  The first image is index
 0.  Negative indexes are relative to the end of the sequence; for
-example, &minus;1
+example, <kbd>&minus;1</kbd>
 represents the last image of the sequence.  Specify a range of images with a
-dash (e.g. 0&minus;4).  Separate multiple indexes with commas but no
-spaces (e.g. 0,2,5).  Use <a
-href="#clone">+clone</a>  make a copy of the last image in the image
-sequence.</p>
+dash (e.g. <kbd>0&minus;4</kbd>).  Separate multiple indexes with commas but no
+spaces (e.g. <kbd>0,2,5</kbd>).  A value of '<kbd>0&minus;&minus;1</kbd> will
+effectivally clone all the images. </p>
+
+<p>The <a href="#clone">+clone</a> will simply make a copy of the last image
+in the image sequence, and is thus equivelent to using a argument of
+'<kbd>&minus;1</kbd>'. </p>
 
 <div style="margin: auto;">
-  <h4><a name="clut" id="clut"></a>-clut</h4>
+  <h4><a id="clut"></a>-clut</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Replace the channel values in the first image using each
@@ -1069,7 +1095,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="coalesce" id="coalesce"></a>-coalesce</h4>
+  <h4><a id="coalesce"></a>-coalesce</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Fully define the look of each frame of an GIF animation sequence, to form a 'film strip' animation.</td><td style='text-align:right;'></td></tr></table>
@@ -1089,7 +1115,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="colorize" id="colorize"></a>-colorize <em class="arg">value</em></h4>
+  <h4><a id="colorize"></a>-colorize <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Colorize the image by an amount specified by <em class="arg">value</em> using the color specified by the most recent <a href="#fill" >-fill</a> setting.</td><td style='text-align:right;'></td></tr></table>
@@ -1100,7 +1126,7 @@
 values (e.g., <kbd>-colorize 0,0,50</kbd>).</p>
 
 <div style="margin: auto;">
-  <h4><a name="colormap" id="colormap"></a>-colormap <em class="arg">type</em></h4>
+  <h4><a id="colormap"></a>-colormap <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Define the colormap type.</td><td style='text-align:right;'>[<a href="../www/animate.html">animate</a>, <a href="../www/display.html">display</a>]</td></tr></table>
@@ -1118,7 +1144,7 @@
 when the image colormap is installed.</p>
 
 <div style="margin: auto;">
-  <h4><a name="colors" id="colors"></a>-colors <em class="arg">value</em></h4>
+  <h4><a id="colors"></a>-colors <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the preferred number of colors in the image.</td><td style='text-align:right;'></td></tr></table>
@@ -1134,7 +1160,7 @@
 color reduction algorithm</a> for more details.</p>
 
 <div style="margin: auto;">
-  <h4><a name="color-matrix" id="color-matrix"></a>-color-matrix <em class="arg">matrix</em></h4>
+  <h4><a id="color-matrix"></a>-color-matrix <em class="arg">matrix</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>apply color correction to the image.</td><td style='text-align:right;'></td></tr></table>
@@ -1158,7 +1184,7 @@
     0.0 0.0 0.0 0.0, 0.0,  1.0" kittens.png
 </pre>
 <div style="margin: auto;">
-  <h4><a name="colorspace" id="colorspace"></a>-colorspace <em class="arg">value</em></h4>
+  <h4><a id="colorspace"></a>-colorspace <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the image colorspace.</td><td style='text-align:right;'></td></tr></table>
@@ -1292,7 +1318,7 @@
 </table>
 
 <div style="margin: auto;">
-  <h4><a name="combine" id="combine"></a>-combine</h4>
+  <h4><a id="combine"></a>-combine</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Combine one or more images into a single image.</td><td style='text-align:right;'></td></tr></table>
@@ -1304,7 +1330,7 @@
 
 <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert original.png -channel RGB -separate sepimage.png</span><span class='crtout'></span><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert sepimage-0.png sepimage-1.png sepimage-2.png -channel RGB \ <br/> -combine imagecopy.png</span></p>
 <div style="margin: auto;">
-  <h4><a name="comment" id="comment"></a>-comment <em class="arg">string</em></h4>
+  <h4><a id="comment"></a>-comment <em class="arg">string</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Embed a comment in an image.</td><td style='text-align:right;'></td></tr></table>
@@ -1338,7 +1364,7 @@
 480.</p>
 
 <div style="margin: auto;">
-  <h4><a name="compose" id="compose"></a>-compose <em class="arg">operator</em></h4>
+  <h4><a id="compose"></a>-compose <em class="arg">operator</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the type of image composition.</td><td style='text-align:right;'></td></tr></table>
@@ -1362,7 +1388,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="composite" id="composite"></a>-composite</h4>
+  <h4><a id="composite"></a>-composite</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Perform alpha composition on two images and an optional mask</td><td style='text-align:right;'></td></tr></table>
@@ -1391,7 +1417,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="compress" id="compress"></a>-compress <em class="arg">type</em></h4>
+  <h4><a id="compress"></a>-compress <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Use pixel compression specified by <em class="arg">type</em> when writing the image.</td><td style='text-align:right;'></td></tr></table>
@@ -1409,7 +1435,7 @@
 <p>Use the <a href="#quality">-quality</a> option to set the compression level to be used by JPEG, PNG, MIFF, and MPEG encoders. Use the <a href="#sampling-factor">-sampling-factor</a> option to set the sampling factor to be used by JPEG, MPEG, and YUV encoders for down-sampling the chroma channels.</p>
 
 <div style="margin: auto;">
-  <h4><a name="contrast" id="contrast"></a>-contrast</h4>
+  <h4><a id="contrast"></a>-contrast</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Enhance or reduce the image contrast.</td><td style='text-align:right;'></td></tr></table>
@@ -1420,7 +1446,7 @@
 
 <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert rose: -contrast -contrast rose_c2.png</span></p>
 <div style="margin: auto;">
-  <h4><a name="contrast-stretch" id="contrast-stretch"></a>-contrast-stretch <em class="arg">black-point</em><br />-contrast-stretch <em class="arg">black-point</em>{x<em class="arg">white-point</em>}{<em class="arg">%</em>}}</h4>
+  <h4><a id="contrast-stretch"></a>-contrast-stretch <em class="arg">black-point</em><br />-contrast-stretch <em class="arg">black-point</em>{x<em class="arg">white-point</em>}{<em class="arg">%</em>}}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Increase the contrast in an image by <em>stretching</em> the range of intensity values.</td><td style='text-align:right;'></td></tr></table>
@@ -1461,7 +1487,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="convolve" id="convolve"></a>-convolve <em class="arg">kernel</em></h4>
+  <h4><a id="convolve"></a>-convolve <em class="arg">kernel</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Convolve an image with a user-supplied convolution kernel.</td><td style='text-align:right;'></td></tr></table>
@@ -1492,7 +1518,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="crop" id="crop"></a>-crop <em class="arg">geometry</em></h4>
+  <h4><a id="crop"></a>-crop <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Cut out one or more rectangular regions of the image.</td><td style='text-align:right;'></td></tr></table>
@@ -1518,7 +1544,7 @@
 <p>It might be necessary to <a href="#repage" >+repage</a> the image prior to cropping the image to ensure the crop coordinate frame is relocated to the upper-left corner of the visible image.</p>
 
 <div style="margin: auto;">
-  <h4><a name="cycle" id="cycle"></a>-cycle <em class="arg">amount</em></h4>
+  <h4><a id="cycle"></a>-cycle <em class="arg">amount</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>displace image colormap by amount.</td><td style='text-align:right;'></td></tr></table>
@@ -1528,7 +1554,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="debug" id="debug"></a>-debug <em class="arg">events</em></h4>
+  <h4><a id="debug"></a>-debug <em class="arg">events</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>enable debug printout.</td><td style='text-align:right;'></td></tr></table>
@@ -1551,7 +1577,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="decipher" id="decipher"></a>-decipher <em class="arg">filename</em></h4>
+  <h4><a id="decipher"></a>-decipher <em class="arg">filename</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Decipher and restore pixels that were previously transformed by <a href="#encipher">-encipher</a>.</td><td style='text-align:right;'></td></tr></table>
@@ -1562,7 +1588,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="deconstruct" id="deconstruct"></a>-deconstruct</h4>
+  <h4><a id="deconstruct"></a>-deconstruct</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>find areas that has changed between images </td><td style='text-align:right;'></td></tr></table>
@@ -1575,7 +1601,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="define" id="define"></a>-define <em class="arg">key</em>{<em class="arg">=value</em>}<em class="arg">...</em></h4>
+  <h4><a id="define"></a>-define <em class="arg">key</em>{<em class="arg">=value</em>}<em class="arg">...</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>add specific global settings generally used to control
@@ -1608,34 +1634,33 @@
 <p>The following definitions are just some of the artifacts that are
 available:</p>
 
-<ul>
-
+<dl>
 <dt>dcm:display-range=reset</dt>
 <dd>Set the display range to the minimum and maximum pixel values for the
-    DCM image format.</dd><br />
+    DCM image format.</dd>
 
 <dt>dot:layout-engine=<em class="arg">value</em></dt>
 <dd>Set the specify the layout engine for the DOT image format (e.g.
-    <kbd>neato</kbd>).</dd><br />
+    <kbd>neato</kbd>).</dd>
 
 <dt>jpeg:extent=<em class="arg">value</em></dt>
 <dd>Restrict the maximum JPEG file size, for example <kbd>-define
-    jpeg:extent=400kb</kbd>.</dd><br />
+    jpeg:extent=400kb</kbd>.</dd>
 
 <dt>jpeg:size=<em class="arg">geometry</em></dt>
 <dd>Set the size hint of a JPEG image, for example, -define jpeg:size=128x128.
     It is most useful for increasing performance and reducing the memory
-    requirements when reducing the size of a large JPEG image.</dd><br />
+    requirements when reducing the size of a large JPEG image.</dd>
 
 <dt>jp2:rate=<em class="arg">value</em></dt>
 <dd>Specify the compression factor to use while writing JPEG-2000 files. The
     compression factor is the reciprocal of the compression ratio. The valid
     range is 0.0 to 1.0, with 1.0 indicating lossless compression. If defined,
     this value overrides the -quality setting.  A quality setting of 75
-    results in a rate value of 0.06641.</dd><br />
+    results in a rate value of 0.06641.</dd>
 
 <dt>mng:need-cacheoff</dt>
-  <dd>turn playback caching off for streaming MNG.</dd><br />
+  <dd>turn playback caching off for streaming MNG.</dd>
 
 <dt>png:bit-depth=<em class="arg">value</em></dt>
 <dt>png:color-type=<em class="arg">value</em></dt>
@@ -1652,12 +1677,55 @@
     reduce the image quality prior to using the PNG encoder. Note that in
     indexed PNG files, "bit-depth" refers to the number of bits per index,
     which can be 1, 2, 4, or 8.  In such files, the color samples always have
-    8-bit depth.</dd><br />
+    8-bit depth.</dd>
+
+<dt>png:exclude-chunk=<em class="arg">value</em></dt>
+<dt>png:include-chunk=<em class="arg">value</em></dt>
+<dd>ancillary chunks to be excluded from or included in PNG output.
+
+    <p>The<em class="arg">value</em> can be the name of a PNG chunk-type such
+    as <em class="arg">bKGD</em>, a comma-separated list of chunk-types,
+    or the word <em class="arg">all</em> or
+    the word <em class="arg">none</em>.  There must be no spaces in the
+    list.  Although PNG chunk-names are case-dependent, you can use
+    all lowercase names if you prefer.</p>
+
+    <p>As a special case, if the <kbd>sRGB</kbd> chunk is excluded and
+    the <kbd>gAMA</kbd> chunk is included, the <kbd>gAMA</kbd> chunk will
+    only be written if gamma is not 1/2.2, since most decoders assume
+    sRGB and gamma=1/2.2 when no colorspace information is included in
+    the PNG file.  Because the list is processed from left to right, you
+    can achieve this with a single define:</p>
+
+<pre class="text">
+    -define png:include-chunk=none,gAMA
+</pre>
+
+    <p>The critical PNG chunks <kbd>IHDR</kbd>, <kbd>PLTE</kbd>,
+    <kbd>IDAT</kbd>, and <kbd>IEND</kbd> cannot be excluded.  Any of
+    these entries appearing in the list will be ignored.</p>
+
+    <p>If the ancillary PNG <kbd>tRNS</kbd> chunk is excluded and the
+    image has transparency, the PNG colortype is forced to be 4 or 6
+    (GRAY_ALPHA or RGBA).  If the image is not transparent, then the
+    <kbd>tRNS</kbd> chunk isn't written anyhow, and there is no effect
+    on the PNG colortype of the output image.</p>
+
+    <p>The <a href="#strip">-strip</a> option does the equivalent of the
+    following for PNG output:</p>
+
+<pre class="text">
+    -define png:include-chunk=none,gama
+</pre>
+
+    <p>The default behavior is to include all known PNG ancillary chunks
+    plus ImageMagick's private <kbd>vpAg</kbd> ("virtual page") chunk.</p>
+    </dd>
 
 <dt>ps:imagemask</dt>
 <dd>If the ps:imagemask flag is defined, the PS3 and EPS3 coders will create
     Postscript files that render bilevel images with the Postscript imagemask
-    operator instead of the image operator.</dd><br />
+    operator instead of the image operator.</dd>
 
 <dt>quantum:format=<em class="arg">type</em></dt>
 <dd>Set the type to <kbd>floating-point</kbd> to specify a floating-point
@@ -1667,7 +1735,7 @@
     If <a href="#depth">-depth</a> 32 is included, the result is
     double precision floating point format.</dd>
 
-</ul>
+</dl>
 
 <p>For example, to create a postscript file that will render only the black
 pixels of a bilevel image, use:</p>
@@ -1684,7 +1752,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="delay" id="delay"></a>-delay <em class="arg">ticks</em> <br />-delay <em class="arg">ticks</em>x<em class="arg">ticks-per-second</em> {<em class="arg">&lt;</em>} {<em class="arg">&gt;</em>}</h4>
+  <h4><a id="delay"></a>-delay <em class="arg">ticks</em> <br />-delay <em class="arg">ticks</em>x<em class="arg">ticks-per-second</em> {<em class="arg">&lt;</em>} {<em class="arg">&gt;</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>display the next image after pausing.</td><td style='text-align:right;'></td></tr></table>
@@ -1695,7 +1763,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="delete" id="delete"></a>-delete <em class="arg">index</em></h4>
+  <h4><a id="delete"></a>-delete <em class="arg">index</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>delete the image, specified by its index, from the image sequence.</td><td style='text-align:right;'></td></tr></table>
@@ -1704,7 +1772,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="density" id="density"></a>-density <em class="arg">width</em><br />-density <em class="arg">width</em>x<em class="arg">height</em></h4>
+  <h4><a id="density"></a>-density <em class="arg">width</em><br />-density <em class="arg">width</em>x<em class="arg">height</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the horizontal and vertical resolution of an image for rendering to devices.</td><td style='text-align:right;'></td></tr></table>
@@ -1718,7 +1786,7 @@
 <p>The <a href="#density">-density</a> option sets an <em>attribute</em> and does not alter the underlying raster image. It may be used to adjust the rendered size for desktop publishing purposes by adjusting the scale applied to the pixels. To resize the image so that it is the same size at a different resolution, use the <a href="#resample">-resample</a> option.</p>
 
 <div style="margin: auto;">
-  <h4><a name="depth" id="depth"></a>-depth <em class="arg">value</em></h4>
+  <h4><a id="depth"></a>-depth <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>depth of the image.</td><td style='text-align:right;'></td></tr></table>
@@ -1726,13 +1794,13 @@
 <p>This the number of bits in a color sample within a pixel.  Use this option to specify the depth of raw images whose depth is unknown such as GRAY, RGB, or CMYK, or to change the depth of any image after it has been read.</p>
 
 <div style="margin: auto;">
-  <h4><a name="descend" id="descend"></a>-descend</h4>
+  <h4><a id="descend"></a>-descend</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>obtain image by descending window hierarchy.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="deskew" id="deskew"></a>-deskew <em class="arg">threshold</em></h4>
+  <h4><a id="deskew"></a>-deskew <em class="arg">threshold</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>straighten an image.  A threshold of 40% works for most images.</td><td style='text-align:right;'></td></tr></table>
@@ -1740,19 +1808,19 @@
 <p>Use <a href="#set">-set</a> <kbd>option:deskew:auto-crop <em>width</em></kbd> to auto crop the image.  The set argument is the pixel width of the image background (e.g 40).</p>
 
 <div style="margin: auto;">
-  <h4><a name="despeckle" id="despeckle"></a>-despeckle</h4>
+  <h4><a id="despeckle"></a>-despeckle</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>reduce the speckles within an image.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="direction" id="direction"></a>-direction <em class="arg">type</em></h4>
+  <h4><a id="direction"></a>-direction <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>render text right-to-left or left-to-right.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="displace" id="displace"></a>-displace <em class="arg">horizontal-scale</em><br />-displace <em class="arg">horizontal-scale</em>x<em class="arg">vertical-scale</em></h4>
+  <h4><a id="displace"></a>-displace <em class="arg">horizontal-scale</em><br />-displace <em class="arg">horizontal-scale</em>x<em class="arg">vertical-scale</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>shift image pixels as defined by a displacement map.</td><td style='text-align:right;'>[<a href="../www/composite.html">composite</a>]</td></tr></table>
@@ -1812,7 +1880,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="display" id="display"></a>-display <em class="arg">host:display[.screen]</em></h4>
+  <h4><a id="display"></a>-display <em class="arg">host:display[.screen]</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Specifies the X server to contact.</td><td style='text-align:right;'>[<a href="../www/animate.html">animate</a>, <a href="../www/display.html">display</a>]</td></tr></table>
@@ -1820,7 +1888,7 @@
 <p>This option is used with convert for obtaining image or font from this X server. See <em class="arg">X(1)</em>.</p>
 
 <div style="margin: auto;">
-  <h4><a name="dispose" id="dispose"></a>-dispose <em class="arg">method</em></h4>
+  <h4><a id="dispose"></a>-dispose <em class="arg">method</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>define the GIF disposal image setting for images that are being created or read in. </td><td style='text-align:right;'></td></tr></table>
@@ -1851,14 +1919,14 @@
 disposal method for images already in memory.</p>
 
 <div style="margin: auto;">
-  <h4><a name="dissimilarity-threshold" id="dissimilarity-threshold"></a>-dissimilarity-threshold <em class="arg">value</em></h4>
+  <h4><a id="dissimilarity-threshold"></a>-dissimilarity-threshold <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>maximum RMSE for subimage match (default 0.2).</td><td style='text-align:right;'>[<a href="../www/compare.html">compare</a>]</td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="dissolve" id="dissolve"></a>-dissolve <em class="arg">src_percent</em>[x<em class="arg">dst_percent</em>]</h4>
+  <h4><a id="dissolve"></a>-dissolve <em class="arg">src_percent</em>[x<em class="arg">dst_percent</em>]</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>dissolve an image into another by the given percent.</td><td style='text-align:right;'>[<a href="../www/composite.html">composite</a>]</td></tr></table>
@@ -1874,7 +1942,7 @@
 images, you would need to use dissolve values of '50,100'.  </p>
 
 <div style="margin: auto;">
-  <h4><a name="distort" id="distort"></a>-distort <em class="arg">method arguments</em></h4>
+  <h4><a id="distort"></a>-distort <em class="arg">method arguments</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>distort an image, using the given <em class="arg">method</em> and its required <em class="arg">arguments</em>.</td><td style='text-align:right;'></td></tr></table>
@@ -1910,7 +1978,7 @@
        <tr><td># &nbsp;</td><td>arguments meaning</td></tr>
        <tr><td>1:</td><td><em>Angle_of_Rotation</em></td></tr>
        <tr><td>2:</td><td><em>Scale &nbsp; Angle</em></td></tr>
-       <tr><td>3:</td><td><em>ScaleX,ScaleY &nbsp; Angle</em></td></tr>
+       <tr><td>3:</td><td><em>X,Y &nbsp; &nbsp; Angle</em></td></tr>
        <tr><td>4:</td><td><em>X,Y &nbsp; Scale &nbsp; Angle</em></td></tr>
        <tr><td>5:</td>
            <td><em>X,Y &nbsp; ScaleX,ScaleY &nbsp; Angle</em></td></tr>
@@ -2269,7 +2337,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="dither" id="dither"></a>-dither <em class="arg">method</em></h4>
+  <h4><a id="dither"></a>-dither <em class="arg">method</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Apply a Riemersma or Floyd-Steinberg error diffusion dither to images when general color reduction is applied via an option, or automagically when saving to specific formats. This enabled by default. </td><td style='text-align:right;'></td></tr></table>
@@ -2290,7 +2358,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="draw" id="draw"></a>-draw <em class="arg">string</em></h4>
+  <h4><a id="draw"></a>-draw <em class="arg">string</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Annotate an image with one or more graphic primitives.</td><td style='text-align:right;'></td></tr></table>
@@ -2439,19 +2507,19 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="edge" id="edge"></a>-edge <em class="arg">radius</em></h4>
+  <h4><a id="edge"></a>-edge <em class="arg">radius</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>detect edges within an image.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="emboss" id="emboss"></a>-emboss <em class="arg">radius</em></h4>
+  <h4><a id="emboss"></a>-emboss <em class="arg">radius</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>emboss an image.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="encipher" id="encipher"></a>-encipher <em class="arg">filename</em></h4>
+  <h4><a id="encipher"></a>-encipher <em class="arg">filename</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Encipher pixels for later deciphering by <a href="#decipher">-decipher</a>.</td><td style='text-align:right;'></td></tr></table>
@@ -2463,7 +2531,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="encoding" id="encoding"></a>-encoding <em class="arg">type</em></h4>
+  <h4><a id="encoding"></a>-encoding <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>specify the text encoding.</td><td style='text-align:right;'></td></tr></table>
@@ -2471,7 +2539,7 @@
 <p>Choose from <kbd>AdobeCustom</kbd>, <kbd>AdobeExpert</kbd>, <kbd>AdobeStandard</kbd>, <kbd>AppleRoman</kbd>, <kbd>BIG5</kbd>, <kbd>GB2312</kbd>, <kbd>Latin 2</kbd>, <kbd>None</kbd>, <kbd>SJIScode</kbd>, <kbd>Symbol</kbd>, <kbd>Unicode</kbd>, <kbd>Wansung</kbd>.</p>
 
 <div style="margin: auto;">
-  <h4><a name="endian" id="endian"></a>-endian <em class="arg">type</em></h4>
+  <h4><a id="endian"></a>-endian <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Specify endianness (<kbd>MSB</kbd> or <kbd>LSB</kbd>) of the image.</td><td style='text-align:right;'></td></tr></table>
@@ -2482,14 +2550,14 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="enhance" id="enhance"></a>-enhance</h4>
+  <h4><a id="enhance"></a>-enhance</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Apply a digital filter to enhance a noisy image.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="equalize" id="equalize"></a>-equalize</h4>
+  <h4><a id="equalize"></a>-equalize</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>perform histogram equalization on the image channel-by-channel.</td><td style='text-align:right;'></td></tr></table>
@@ -2501,7 +2569,7 @@
 <p>For YIQ, YUV and OHTA use the red channel. For example, OHTA is a principal components transformation that puts most of the information in the first channel. Here we have ... <kbd>-colorspace OHTA -channel red -equalize -colorspace RGB</kbd> ...</p>
 
 <div style="margin: auto;">
-  <h4><a name="evaluate" id="evaluate"></a>-evaluate <em class="arg">operator value</em></h4>
+  <h4><a id="evaluate"></a>-evaluate <em class="arg">operator value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Alter channel pixels by evaluating an arithmetic, relational, or logical expression.</td><td style='text-align:right;'></td></tr></table>
@@ -2615,23 +2683,23 @@
 class="arg">value</em> is&nbsp;1, the effective period is simply the <em
 class="QR">QuantumRange</em>; but if the <em class="arg">value</em> is&nbsp;2,
 then the effective period is the <em>half</em> the <em
-class="QR">QuantumRange</em>.
+class="QR">QuantumRange</em>.</p>
 
         <div style="text-align:center;">
         0.5 + 0.5 &times; cos(2 &pi; <b><em>u</em></b> &times; <em class="arg">value</em>).
         </div>
 
-See also the <a href="#function" >-function</a> operator, which is a
-multi-value version of evaluate. </P>
+<p>See also the <a href="#function" >-function</a> operator, which is a
+multi-value version of evaluate. </p>
 
 <div style="margin: auto;">
-  <h4><a name="evaluate-sequence" id="evaluate-sequence"></a>-evaluate-sequence <em class="arg">operator</em></h4>
+  <h4><a id="evaluate-sequence"></a>-evaluate-sequence <em class="arg">operator</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Alter channel pixels by evaluating an arithmetic, relational, or logical expression over a sequence of images.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="extent" id="extent"></a>-extent <em class="arg">geometry</em></h4>
+  <h4><a id="extent"></a>-extent <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the image size and offset.</td><td style='text-align:right;'></td></tr></table>
@@ -2647,7 +2715,7 @@
 <p>See <a href="../www/command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h4><a name="extract" id="extract"></a>-extract <em class="arg">geometry</em></h4>
+  <h4><a id="extract"></a>-extract <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Extract the specified area from image.</td><td style='text-align:right;'></td></tr></table>
@@ -2664,7 +2732,7 @@
 <p>See <a href="../www/command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h4><a name="family" id="family"></a>-family <em class="arg">fontFamily</em></h4>
+  <h4><a id="family"></a>-family <em class="arg">fontFamily</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set a font family for text.</td><td style='text-align:right;'></td></tr></table>
@@ -2676,20 +2744,20 @@
 </p>
 
 <div style="margin: auto;">
-  <h4><a name="features" id="features"></a>-features <em class="arg">distance</em></h4>
+  <h4><a id="features"></a>-features <em class="arg">distance</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>display features for each channel in the image in each of four directions (horizontal, vertical, left and right diagonals) for the specified distance.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="fft" id="fft"></a>-fft</h4>
+  <h4><a id="fft"></a>-fft</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>implements the forward discrete Fourier transform (DFT).</td><td style='text-align:right;'></td></tr></table>
 
-<p>This option is new as of ImageMagick 6.5.4-3 (and now working for Windows users in ImageMagick 6.6.0-9). It transforms an image from the normal (spatial) domain to the frequency domain. In the frequency domain, an image is represented as a superposition of complex sinusoidal waves of varying amplitudes. The image x and y coordinates are the possible frequencies along the x and y directions, respectively, and the pixel intensity values are complex numbers that correspond to the sinusoidal wave amplitudes. See for example, <a href="http://en.wikipedia.org/wiki/Fourier_transform" target="_blank">Fourier Transform</a>, <a href="http://en.wikipedia.org/wiki/DFT" target="_blank">Discrete Fourier Transform</a> and <a href="http://en.wikipedia.org/wiki/FFT" target="_blank">Fast Fourier Transform</a>.</p>
+<p>This option is new as of ImageMagick 6.5.4-3 (and now working for Windows users in ImageMagick 6.6.0-9). It transforms an image from the normal (spatial) domain to the frequency domain. In the frequency domain, an image is represented as a superposition of complex sinusoidal waves of varying amplitudes. The image x and y coordinates are the possible frequencies along the x and y directions, respectively, and the pixel intensity values are complex numbers that correspond to the sinusoidal wave amplitudes. See for example, <a href="http://en.wikipedia.org/wiki/Fourier_transform">Fourier Transform</a>, <a href="http://en.wikipedia.org/wiki/DFT">Discrete Fourier Transform</a> and <a href="http://en.wikipedia.org/wiki/FFT">Fast Fourier Transform</a>.</p>
 
-<p>A single image name is provided as output for this option. However, the output result will have two components. It is either a two-frame image or two separate images, depending upon whether the image format specified supports multi-frame images. The reason that we get a dual output result is because the frequency domain represents an image using complex numbers, which cannot be visualized directly. Therefore, the complex values are automagically separated into a two-component image representation. The first component is the magnitude of the complex number and the second is the phase of the complex number. See for example, <a href="http://en.wikipedia.org/wiki/Complex_numbers" target="_blank">Complex Numbers</a>.<p>
+<p>A single image name is provided as output for this option. However, the output result will have two components. It is either a two-frame image or two separate images, depending upon whether the image format specified supports multi-frame images. The reason that we get a dual output result is because the frequency domain represents an image using complex numbers, which cannot be visualized directly. Therefore, the complex values are automagically separated into a two-component image representation. The first component is the magnitude of the complex number and the second is the phase of the complex number. See for example, <a href="http://en.wikipedia.org/wiki/Complex_numbers">Complex Numbers</a>.</p>
 
 <p>The magnitude and phase component images must be specified using image formats that do not limit the color or compress the image. Thus, MIFF, TIF, PFM, EXR and PNG are the recommended image formats to use. All of these formats, except PNG support multi-frame images. So for example,</p>
 
@@ -2707,13 +2775,13 @@
                 -evaluate log 1000 fft_image_spectrum.png</span></p>
 <p>where the <a href="#contrast-stretch">-contrast-stretch</a> 0 is used to  scale the image to full dynamic range, first. The argument to the <a href="#evaluate">-evaluate</a> log typically is specified between 100 and 10,000, depending upon the amount of detail that one wants to bring out in the spectrum. Larger values produce more visible detail. Too much detail, however, may hide the important features.</p>
 
-<p>The <a href="http://www.fftw.org/" target="_blank">FFTW</a> delegate library is required to use <a href="#fft">-fft</a>.
+<p>The <a href="http://www.fftw.org/">FFTW</a> delegate library is required to use <a href="#fft">-fft</a>.</p>
 
 <p>Use <a href="#fft">+fft</a> to produce two output images that are the real and imaginary components of the complex valued Fourier transform.</p>
 
 <p>However, as the real and imaginary components can contain negative values, this requires that IM be configured with HDRI enabled. In this case, you must use either MIFF, TIF or PFM formats for the real and imaginary component results, since they are formats that preserve both negative and fractional values without clipping them or truncating the fractional part.</p>
 
-<p>The real and imaginary component images resulting from <a href="#fft">+fft</a> is also square, even dimensioned images due to the same padding that was discussed above for the magnitude and phase component images.</a>
+<p>The real and imaginary component images resulting from <a href="#fft">+fft</a> is also square, even dimensioned images due to the same padding that was discussed above for the magnitude and phase component images.</p>
 
 <p>See the discussion on HDRI implementations of ImageMagick on the page
 <a href="/www/high-dynamic-range.html">High Dynamic-Range Images</a>. For more about HDRI go the ImageMagick <a href="http://www.imagemagick.org/Usage/basics/#hdri">Usage</a> pages or this <a href="http://en.wikipedia.org/wiki/High_dynamic_range_imaging">Wikipedia</a> entry.
@@ -2721,7 +2789,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="fill" id="fill"></a>-fill <em class="arg">color</em></h4>
+  <h4><a id="fill"></a>-fill <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>color to use when filling a graphic primitive.</td><td style='text-align:right;'></td></tr></table>
@@ -2747,7 +2815,7 @@
 <p>To print a complete list of color names, use the <a href="#list">-list color</a> option.</p>
 
 <div style="margin: auto;">
-  <h4><a name="filter" id="filter"></a>-filter <em class="arg">type</em></h4>
+  <h4><a id="filter"></a>-filter <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Use this <em class="arg">type</em> of filter when resizing or
@@ -2769,7 +2837,7 @@
 clipped to the filters support size. Their direct use is not recommended
 except via expert settings (see below). </p>
 
-Instead these special filter functions are typically windowed by a windowing
+<p>Instead these special filter functions are typically windowed by a windowing
 function that the <a href="#filter" >-filter</a> setting defines.   That is
 using these functions will define a 'Windowed' filter, appropriate to the
 operator involved.  Windowed filters include: </p>
@@ -2825,7 +2893,7 @@
     the <kbd>Parzen</kbd> Sinc windowing function. If only one of the values
     are defined, the other is set so as to generate a 'Keys' type cubic
     filter.  Values meaning was defined by a research paper by
-    Mitchell-Netravali.
+    Mitchell-Netravali.</dd>
 
 <dt>-define filter:filter=<em>filter_function</em></dt>
 <dd>Use this function directly as the scaling filter.  This will allow
@@ -2875,14 +2943,14 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="flatten" id="flatten"></a>-flatten</h4>
+  <h4><a id="flatten"></a>-flatten</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>This is a simple alias for the <a href="#layers" >-layers</a> method "flatten".</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="flip" id="flip"></a>-flip</h4>
+  <h4><a id="flip"></a>-flip</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>create a <em>mirror image</em>.</td><td style='text-align:right;'></td></tr></table>
@@ -2890,13 +2958,13 @@
 <p>reflect the scanlines in the vertical direction.</p>
 
 <div style="margin: auto;">
-  <h4><a name="floodfill" id="floodfill"></a>-floodfill {<em class="arg">+-</em>}<em class="arg">x</em>{<em class="arg">+-</em>}<em class="arg">y</em> <em class="arg">color</em></h4>
+  <h4><a id="floodfill"></a>-floodfill {<em class="arg">+-</em>}<em class="arg">x</em>{<em class="arg">+-</em>}<em class="arg">y</em> <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>floodfill the image with color at the specified offset. Using <a href="#fuzz" >-fuzz</a> to floodfill pixels which only change by a small amount.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="flop" id="flop"></a>-flop</h4>
+  <h4><a id="flop"></a>-flop</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>create a <em>mirror image</em>.</td><td style='text-align:right;'></td></tr></table>
@@ -2905,7 +2973,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="font" id="font"></a>-font <em class="arg">name</em></h4>
+  <h4><a id="font"></a>-font <em class="arg">name</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>set the font to use when annotating images with text, or creating labels.</td><td style='text-align:right;'></td></tr></table>
@@ -2921,7 +2989,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="foreground" id="foreground"></a>-foreground <em class="arg">color</em></h4>
+  <h4><a id="foreground"></a>-foreground <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Define the foreground color.</td><td style='text-align:right;'></td></tr></table>
@@ -2931,7 +2999,7 @@
 <p>The default foreground color is black.</p>
 
 <div style="margin: auto;">
-  <h4><a name="format" id="format"></a>-format <em class="arg">type</em></h4>
+  <h4><a id="format"></a>-format <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>the image format type.</td><td style='text-align:right;'></td></tr></table>
@@ -2941,7 +3009,7 @@
 <p>By default the file is written to its original name. However, if the filename extension matches a supported format, the extension is replaced with the image format type specified with <a href="#format">-format</a>. For example, if you specify <em class="arg">tiff</em> as the format type and the input image filename is <em class="arg">image.gif</em>, the output image filename becomes <em class="arg">image.tiff</em>.</p>
 
 <div style="margin: auto;">
-  <h4><a name="format_identify_" id="format_identify_"></a>-format <em class="arg">string</em></h4>
+  <h4><a id="format_identify_"></a>-format <em class="arg">string</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>output formatted image characteristics.</td><td style='text-align:right;'>[<a href="../www/identify.html">identify</a>]</td></tr></table>
@@ -2949,7 +3017,7 @@
 <p>See <a href="../www/escape.html">Format and Print Image Properties</a> for an explanation on how to specify the argument to this option.</p>
 
 <div style="margin: auto;">
-  <h4><a name="frame" id="frame"></a>-frame <em class="arg">geometry</em></h4>
+  <h4><a id="frame"></a>-frame <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Surround the image with a border or beveled frame.</td><td style='text-align:right;'></td></tr></table>
@@ -2982,13 +3050,13 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="frame_import_" id="frame_import_"></a>-frame</h4>
+  <h4><a id="frame_import_"></a>-frame</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>include the X window frame in the imported image.</td><td style='text-align:right;'>[<a href="../www/import.html">import</a>]</td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="function" id="function"></a>-function <em class="arg">function</em> <em class="arg">parameters</em></h4>
+  <h4><a id="function"></a>-function <em class="arg">function</em> <em class="arg">parameters</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Apply a function to channel values.</td><td style='text-align:right;'></td></tr></table>
@@ -3101,20 +3169,20 @@
 <p>The <kbd>ArcSin</kbd> function generates the inverse curve of a Sinusoid,
 and can be used to generate cylindrical distortion and displacement maps.
 The curve can be adjusted relative to both the input values and output range
-of values.
+of values.</p>
 
-<div style="text-align: center">
+<p style="text-align: center">
    -function <kbd>ArcSin</kbd> <em class="arg">width</em>,[<em class="arg">center</em>,[<em class="arg">range</em>,[<em class="arg">bias</em>]]]
-</div>
+</p>
 
 <p>with all values given in terms of noramlize color values (0.0 for black,
 1.0 for white). Defaulting to values covering the full range from 0.0 to 1.0
 for bout input (<em class="arg">width</em>), and output (<em
 class="arg">width</em>) values. '<code>1.0,0.5,1.0,0.5</code>' </p>
 
-<div style="text-align: center">
+<p style="text-align: center">
 <em class="arg">range</em>/&pi; * asin( 2/<em class="arg">width</em> * ( <b><em>u</em></b> - <em class="arg">center</em> ) ) + <em class="arg">bias</em>
-</div>
+</p>
 
 </dd>
 
@@ -3122,18 +3190,18 @@
 <dd>
 <p>The <kbd>ArcTan</kbd> function generates a curve that smooth crosses from
 limit values at infinities, though a center using the given slope value.
-All these values can be adjusted via the arguments.
+All these values can be adjusted via the arguments.</p>
 
-<div style="text-align: center">
+<p style="text-align: center">
    -function <kbd>ArcTan</kbd> <em class="arg">slope</em>,[<em class="arg">center</em>,[<em class="arg">range</em>,[<em class="arg">bias</em>]]]
-</div>
+</p>
 
 <p>Defaulting to '<code>1.0,0.5,1.0,0.5</code>'.
 </p>
 
-<div style="text-align: center">
+<p style="text-align: center">
 <em class="arg">range</em>/&pi; * atan( <em class="arg">slope</em>*&pi; * ( <b><em>u</em></b> - <em class="arg">center</em> ) ) + <em class="arg">bias</em>
-</div>
+</p>
 
 </dd>
 
@@ -3141,7 +3209,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="fuzz" id="fuzz"></a>-fuzz <em class="arg">distance</em>{<em class="arg">%</em>}</h4>
+  <h4><a id="fuzz"></a>-fuzz <em class="arg">distance</em>{<em class="arg">%</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Colors within this <em class="arg">distance</em> are considered equal.</td><td style='text-align:right;'></td></tr></table>
@@ -3152,7 +3220,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="fx" id="fx"></a>-fx <em class="arg">expression</em></h4>
+  <h4><a id="fx"></a>-fx <em class="arg">expression</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>apply a mathematical expression to an image or image channels.</td><td style='text-align:right;'></td></tr></table>
@@ -3163,7 +3231,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="gamma" id="gamma"></a>-gamma <em class="arg">value</em></h4>
+  <h4><a id="gamma"></a>-gamma <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>level of gamma correction.</td><td style='text-align:right;'></td></tr></table>
@@ -3179,7 +3247,7 @@
 <p>Note that gamma adjustments are also available via the <a href="#level">-level</a> operator.</p>
 
 <div style="margin: auto;">
-  <h4><a name="gaussian-blur" id="gaussian-blur"></a>-gaussian-blur <em class="arg">radius</em><br />-gaussian-blur <em class="arg">radius</em>x<em class="arg">sigma</em></h4>
+  <h4><a id="gaussian-blur"></a>-gaussian-blur <em class="arg">radius</em><br />-gaussian-blur <em class="arg">radius</em>x<em class="arg">sigma</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Blur the image with a Gaussian operator.</td><td style='text-align:right;'></td></tr></table>
@@ -3215,7 +3283,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="geometry" id="geometry"></a>-geometry <em class="arg">geometry</em></h4>
+  <h4><a id="geometry"></a>-geometry <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the preferred size and location of the image.</td><td style='text-align:right;'></td></tr></table>
@@ -3223,7 +3291,7 @@
 <p>See <a href="../www/command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h4><a name="gravity" id="gravity"></a>-gravity <em class="arg">type</em></h4>
+  <h4><a id="gravity"></a>-gravity <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Sets the current gravity suggestion for various other settings and options.</td><td style='text-align:right;'></td></tr></table>
@@ -3247,14 +3315,14 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="green-primary" id="green-primary"></a>-green-primary <em class="arg">x,y</em></h4>
+  <h4><a id="green-primary"></a>-green-primary <em class="arg">x,y</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>green chromaticity primary point.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="hald-clut" id="hald-clut"></a>-hald-clut</h4>
+  <h4><a id="hald-clut"></a>-hald-clut</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>apply a Hald color lookup table to the image.</td><td style='text-align:right;'></td></tr></table>
@@ -3282,19 +3350,19 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="help" id="help"></a>-help</h4>
+  <h4><a id="help"></a>-help</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>print usage instructions.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="highlight-color" id="highlight-color"></a>-highlight-color <em class="arg">color</em></h4>
+  <h4><a id="highlight-color"></a>-highlight-color <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>when comparing images, emphasize pixel differences with this color.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="iconGeometry" id="iconGeometry"></a>-iconGeometry <em class="arg">geometry</em></h4>
+  <h4><a id="iconGeometry"></a>-iconGeometry <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>specify the icon geometry.</td><td style='text-align:right;'></td></tr></table>
@@ -3304,13 +3372,13 @@
 <p>See <a href="../www/command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h4><a name="iconic" id="iconic"></a>-iconic</h4>
+  <h4><a id="iconic"></a>-iconic</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>iconic animation.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="identify" id="identify"></a>-identify</h4>
+  <h4><a id="identify"></a>-identify</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>identify the format and characteristics of the image.</td><td style='text-align:right;'></td></tr></table>
@@ -3324,12 +3392,12 @@
 image histogram, and others.</p>
 
 <div style="margin: auto;">
-  <h4><a name="ift" id="ift"></a>-ift</h4>
+  <h4><a id="ift"></a>-ift</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>implements the inverse discrete Fourier transform (DFT).</td><td style='text-align:right;'></td></tr></table>
 
-<p>This option is new as of ImageMagick 6.5.4-3 (and now working for Windows users in ImageMagick 6.6.0-9). It transforms a pair of magnitude and phase images from the frequency domain to a single image in the normal or spatial domain. See for example, <a href="http://en.wikipedia.org/wiki/Fourier_transform" target="_blank">Fourier Transform</a>, <a href="http://en.wikipedia.org/wiki/DFT" target="_blank">Discrete Fourier Transform</a> and <a href="http://en.wikipedia.org/wiki/FFT" target="_blank">Fast Fourier Transform</a>.</p>
+<p>This option is new as of ImageMagick 6.5.4-3 (and now working for Windows users in ImageMagick 6.6.0-9). It transforms a pair of magnitude and phase images from the frequency domain to a single image in the normal or spatial domain. See for example, <a href="http://en.wikipedia.org/wiki/Fourier_transform">Fourier Transform</a>, <a href="http://en.wikipedia.org/wiki/DFT">Discrete Fourier Transform</a> and <a href="http://en.wikipedia.org/wiki/FFT">Fast Fourier Transform</a>.</p>
 
 <p>For example, depending upon the image format used to store the result of the <a href="#fft">-fft</a>, one would use either</p>
 
@@ -3338,26 +3406,26 @@
 
 <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert fft_image-0.png fft_image-1.png -ift fft_image_ift.png</span></p>
 
-<p>The resulting image may need to be cropped due to padding introduced when the original image, prior to the <a href="#fft">-fft</a> or <a href="#fft">+fft</a>, was not square or even dimensioned. Any padding is at the right and/or bottom sides of the image.
+<p>The resulting image may need to be cropped due to padding introduced when the original image, prior to the <a href="#fft">-fft</a> or <a href="#fft">+fft</a>, was not square or even dimensioned. Any padding is at the right and/or bottom sides of the image.</p>
 
-<p>The <a href="http://www.fftw.org/" target="_blank">FFTW</a> delegate library is required to use <a href="#ift">-ift</a>.
+<p>The <a href="http://www.fftw.org/">FFTW</a> delegate library is required to use <a href="#ift">-ift</a>.</p>
 
-<p>Use <a href="#ift">+ift</a> (with HDRI enabled) to transform a pair of real and imaginary images from the frequency domain to a single image in the normal (spatial) domain.
+<p>Use <a href="#ift">+ift</a> (with HDRI enabled) to transform a pair of real and imaginary images from the frequency domain to a single image in the normal (spatial) domain.</p>
 
 <div style="margin: auto;">
-  <h4><a name="immutable" id="immutable"></a>-immutable</h4>
+  <h4><a id="immutable"></a>-immutable</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>make image immutable.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="implode" id="implode"></a>-implode <em class="arg">factor</em></h4>
+  <h4><a id="implode"></a>-implode <em class="arg">factor</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>implode image pixels about the center.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="insert" id="insert"></a>-insert <em class="arg">index</em></h4>
+  <h4><a id="insert"></a>-insert <em class="arg">index</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>insert the last image into the image sequence.</td><td style='text-align:right;'></td></tr></table>
@@ -3367,7 +3435,7 @@
 <p>The <kbd>+insert</kbd> option is equivalent to <kbd>-insert -1</kbd>. In other words, insert the last image, at the end of the current image sequence. Consequently this has no effect on the image sequence order.</p>
 
 <div style="margin: auto;">
-  <h4><a name="intent" id="intent"></a>-intent <em class="arg">type</em></h4>
+  <h4><a id="intent"></a>-intent <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>use this type of rendering intent when managing the image color.</td><td style='text-align:right;'></td></tr></table>
@@ -3379,7 +3447,7 @@
 <p>To print a complete list of rendering intents, use <a href="#list">-list intent</a>.</p>
 
 <div style="margin: auto;">
-  <h4><a name="interlace" id="interlace"></a>-interlace <em class="arg">type</em></h4>
+  <h4><a id="interlace"></a>-interlace <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>the type of interlacing scheme.</td><td style='text-align:right;'></td></tr></table>
@@ -3413,7 +3481,7 @@
 <p>To print a complete list of interlacing schemes, use <a href="#list">-list interlace</a>.</p>
 
 <div style="margin: auto;">
-  <h4><a name="interpolate" id="interpolate"></a>-interpolate <em class="arg">type</em></h4>
+  <h4><a id="interpolate"></a>-interpolate <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the pixel color interpolation method to use when looking up a color based on a floating point or real value.</td><td style='text-align:right;'></td></tr></table>
@@ -3446,25 +3514,25 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="interline-spacing" id="interline-spacing"></a>-interline-spacing <em class="arg">value</em></h4>
+  <h4><a id="interline-spacing"></a>-interline-spacing <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>the space between two text lines.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="interword-spacing" id="interword-spacing"></a>-interword-spacing <em class="arg">value</em></h4>
+  <h4><a id="interword-spacing"></a>-interword-spacing <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>the space between two words.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="kerning" id="kerning"></a>-kerning <em class="arg">value</em></h4>
+  <h4><a id="kerning"></a>-kerning <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>the space between two letters.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="label" id="label"></a>-label <em class="arg">name</em></h4>
+  <h4><a id="label"></a>-label <em class="arg">name</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>assign a label to an image.</td><td style='text-align:right;'></td></tr></table>
@@ -3506,7 +3574,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="lat" id="lat"></a>-lat <em class="arg">width</em><br />-lat <em class="arg">width</em>x<em class="arg">height</em>{<em class="arg">+-</em>}<em class="arg">offset</em>{<em class="arg">%</em>}</h4>
+  <h4><a id="lat"></a>-lat <em class="arg">width</em><br />-lat <em class="arg">width</em>x<em class="arg">height</em>{<em class="arg">+-</em>}<em class="arg">offset</em>{<em class="arg">%</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>perform local adaptive threshold.</td><td style='text-align:right;'></td></tr></table>
@@ -3524,7 +3592,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="layers" id="layers"></a>-layers <em class="arg">method</em></h4>
+  <h4><a id="layers"></a>-layers <em class="arg">method</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>handle multiple images forming a set of image layers or animation frames.</td><td style='text-align:right;'></td></tr></table>
@@ -3777,7 +3845,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="level" id="level"></a>-level <em class="arg">black_point</em>{,<em class="arg">white_point</em>}{<em class="arg">%</em>}{,<em class="arg">gamma</em>}</h4>
+  <h4><a id="level"></a>-level <em class="arg">black_point</em>{,<em class="arg">white_point</em>}{<em class="arg">%</em>}{,<em class="arg">gamma</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>adjust the level of image channels.</td><td style='text-align:right;'></td></tr></table>
@@ -3814,7 +3882,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="level-colors" id="level-colors"></a>-level-colors {<em
+  <h4><a id="level-colors"></a>-level-colors {<em
   class="arg">black_color</em>}{,}{<em class="arg">white_color</em>}</h4>
 </div>
 
@@ -3845,7 +3913,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="limit" id="limit"></a>-limit <em class="arg">type value</em></h4>
+  <h4><a id="limit"></a>-limit <em class="arg">type value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the pixel cache resource limit.</td><td style='text-align:right;'></td></tr></table>
@@ -3860,10 +3928,12 @@
 
 <p>Use <a href="#list">-list resource</a> to list the current limits. For example, our system shows these limits:</p>
 
-<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>identify -list resource</span><span class='crtout'><pre>File         Area       Memory          Map         Disk   Thread         Time
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>identify -list resource</span><span class='crtout'></span></p><pre class="text">
+File         Area       Memory          Map         Disk   Thread         Time
 ------------------------------------------------------------------------------
- 768     12.404GB    8.6642GiB    23.104GiB  18.446744EB        8    unlimited</pre>
-</span></p>
+ 768     12.404GB    8.6642GiB    23.104GiB  18.446744EB        8    unlimited
+</pre>
+
 <p>Requests for pixel storage to keep intermediate images are satisfied by one of three resource categories: in-memory pool, memory-mapped files pool, and disk pool (in that order) depending on the <a href="../www/command-line-options.html#limit">&#x2011;limit</a> settings and whether the system honors a resource request. If the total size of allocated pixel storage in the given pool reaches the corresponding limit, the request is passed to the next pool. Additionally, requests that exceed the  <kbd>area</kbd> limit automagically are allocated on disk.</p>
 
 <p>To illustrate how ImageMagick utilizes resource limits, consider a typical image resource request.  First, ImageMagick tries to allocate the pixels in memory.  The request might be denied if the resource request exceeds the <kbd>memory</kbd> limit or if the system does not honor the request.  If a memory request is not honored, the pixels are allocated to disk and the file is memory-mapped. However, if the allocation request exceeds the <kbd>map</kbd> limit, the resource allocation goes to disk. In all cases, if the resource request exceeds the <kbd>area</kbd> limit, the pixels are automagically cached to disk. If the disk has a hard limit, the program fails.</p>
@@ -3891,7 +3961,7 @@
 </p>
 
 <div style="margin: auto;">
-  <h4><a name="linear-stretch" id="linear-stretch"></a>-linear-stretch <em class="arg">black-point</em><br />-linear-stretch <em class="arg">black-point</em>{x<em class="arg">white-point</em>}{<em class="arg">%</em>}}</h4>
+  <h4><a id="linear-stretch"></a>-linear-stretch <em class="arg">black-point</em><br />-linear-stretch <em class="arg">black-point</em>{x<em class="arg">white-point</em>}{<em class="arg">%</em>}}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Linear with saturation stretch.</td><td style='text-align:right;'></td></tr></table>
@@ -3916,13 +3986,13 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="linewidth" id="linewidth"></a>-linewidth</h4>
+  <h4><a id="linewidth"></a>-linewidth</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>the line width for subsequent draw operations.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="liquid-rescale" id="liquid-rescale"></a>-liquid-rescale <em class="arg">geometry</em></h4>
+  <h4><a id="liquid-rescale"></a>-liquid-rescale <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>rescale image with seam-carving.</td><td style='text-align:right;'></td></tr></table>
@@ -3930,7 +4000,7 @@
 <p>See <a href="../www/command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h4><a name="list" id="list"></a>-list <em class="arg">type</em></h4>
+  <h4><a id="list"></a>-list <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Print a list of supported arguments for various options or settings.  Choose from these list types:</td><td style='text-align:right;'></td></tr></table>
@@ -4010,7 +4080,7 @@
 
 <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>identify -list list</span></p>
 <div style="margin: auto;">
-  <h4><a name="log" id="log"></a>-log <em class="arg">string</em></h4>
+  <h4><a id="log"></a>-log <em class="arg">string</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Specify format for debug log.</td><td style='text-align:right;'></td></tr></table>
@@ -4042,7 +4112,7 @@
 <p>The default behavior is to print all of the components.</p>
 
 <div style="margin: auto;">
-  <h4><a name="loop" id="loop"></a>-loop <em class="arg">iterations</em></h4>
+  <h4><a id="loop"></a>-loop <em class="arg">iterations</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>add Netscape loop extension to your GIF animation.</td><td style='text-align:right;'></td></tr></table>
@@ -4052,20 +4122,20 @@
 times.</p>
 
 <div style="margin: auto;">
-  <h4><a name="lowlight-color" id="lowlight-color"></a>-lowlight-color <em class="arg">color</em></h4>
+  <h4><a id="lowlight-color"></a>-lowlight-color <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>when comparing images, de-emphasize pixel differences with this color.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="magnify" id="magnify"></a>-magnify <em class="arg">factor</em></h4>
+  <h4><a id="magnify"></a>-magnify <em class="arg">factor</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>magnify the image.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="map" id="map"></a>-map <em class="arg">type</em></h4>
+  <h4><a id="map"></a>-map <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Display image using this <em class="arg">type</em>.</td><td style='text-align:right;'>[<a href="../www/animate.html">animate</a>, <a href="../www/display.html">display</a>]</td></tr></table>
@@ -4089,7 +4159,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="map_stream_" id="map_stream_"></a>-map <em class="arg">components</em></h4>
+  <h4><a id="map_stream_"></a>-map <em class="arg">components</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>pixel map.</td><td style='text-align:right;'>[<a href="../www/stream.html">stream</a>]</td></tr></table>
@@ -4115,7 +4185,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="mask" id="mask"></a>-mask
+  <h4><a id="mask"></a>-mask
 <em class="arg">filename</em></h4>
 </div>
 
@@ -4124,7 +4194,7 @@
 <p>Use <a href="#mask">+mask</a> to remove the image mask.</p>
 
 <div style="margin: auto;">
-  <h4><a name="mattecolor" id="mattecolor"></a>-mattecolor <em class="arg">color</em></h4>
+  <h4><a id="mattecolor"></a>-mattecolor <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Specify the color to be used with the <a href="#frame">-frame</a> option.</td><td style='text-align:right;'></td></tr></table>
@@ -4135,19 +4205,19 @@
 style="background-color: #bdbdbd;">this shade of gray</span>.</p>
 
 <div style="margin: auto;">
-  <h4><a name="maximum" id="maximum"></a>-maximum</h4>
+  <h4><a id="maximum"></a>-maximum</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>return the maximum intensity of an image sequence.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="median" id="median"></a>-median <em class="arg">radius</em></h4>
+  <h4><a id="median"></a>-median <em class="arg">radius</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>apply a median filter to the image.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="metric" id="metric"></a>-metric <em class="arg">type</em></h4>
+  <h4><a id="metric"></a>-metric <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Output to STDERR a measure of the differences between images according to the <em class="arg">type</em> given metric.</td><td style='text-align:right;'></td></tr></table>
@@ -4182,14 +4252,14 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="minimum" id="minimum"></a>-minimum</h4>
+  <h4><a id="minimum"></a>-minimum</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>return the minimum intensity of an image sequence.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="mode" id="mode"></a>-mode <em class="arg">value</em></h4>
+  <h4><a id="mode"></a>-mode <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Mode of operation.</td><td style='text-align:right;'>[<a href="../www/montage.html">montage</a>]</td></tr></table>
@@ -4203,7 +4273,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="modulate" id="modulate"></a>-modulate <em class="arg">brightness</em>[,<em class="arg">saturation</em>,<em class="arg">hue</em>]</h4>
+  <h4><a id="modulate"></a>-modulate <em class="arg">brightness</em>[,<em class="arg">saturation</em>,<em class="arg">hue</em>]</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Vary the <em class="arg">brightness</em>, <em
@@ -4240,21 +4310,21 @@
 <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert image.png -set option:modulate:colorspace hsb -modulate 120,90 modulate.png</span></p>
 
 <div style="margin: auto;">
-  <h4><a name="monitor" id="monitor"></a>-monitor</h4>
+  <h4><a id="monitor"></a>-monitor</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>monitor progress.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="monochrome" id="monochrome"></a>-monochrome</h4>
+  <h4><a id="monochrome"></a>-monochrome</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>transform the image to black and white.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="morph" id="morph"></a>-morph <em class="arg">frames</em></h4>
+  <h4><a id="morph"></a>-morph <em class="arg">frames</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>morphs an image sequence.</td><td style='text-align:right;'></td></tr></table>
@@ -4267,26 +4337,26 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="morphology" id="morphology"></a>-morphology</h4>
-  <h4><a name="morphology" id="morphology"></a>-morphology <em class="arg">method</em>  <em class="arg">kernel</em></h4>
+  <h4><a id="morphology"></a>-morphology</h4>
+  <h4>-morphology <em class="arg">method</em>  <em class="arg">kernel</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>apply a morphology method to the image.</td><td style='text-align:right;'></td></tr></table>
 
-Until I get around to writing a option summary for this, see <A
-HREF="http://www.imagemagick.org/Usage/morphology/" >IM Usage Examples,
-Morphology</A>. </P>
+<p>Until I get around to writing a option summary for this, see <a
+href="http://www.imagemagick.org/Usage/morphology/" >IM Usage Examples,
+Morphology</a>. </p>
 
 
 <div style="margin: auto;">
-  <h4><a name="mosaic" id="mosaic"></a>-mosaic</h4>
+  <h4><a id="mosaic"></a>-mosaic</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>an simple alias for the <a href="#layers" >-layers</a> method "mosaic"</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="motion-blur" id="motion-blur"></a>-motion-blur <em class="arg">radius</em><br />-motion-blur <em class="arg">radius</em>x<em class="arg">sigma</em>+<em class="arg">angle</em></h4>
+  <h4><a id="motion-blur"></a>-motion-blur <em class="arg">radius</em><br />-motion-blur <em class="arg">radius</em>x<em class="arg">sigma</em>+<em class="arg">angle</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>simulate motion blur.</td><td style='text-align:right;'></td></tr></table>
@@ -4303,12 +4373,12 @@
 </p>
 
 <div style="margin: auto;">
-  <h4><a name="name" id="name"></a>-name</h4>
+  <h4><a id="name"></a>-name</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>name an image.</td><td style='text-align:right;'></td></tr></table>
 <div style="margin: auto;">
-  <h4><a name="negate" id="negate"></a>-negate</h4>
+  <h4><a id="negate"></a>-negate</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>replace each pixel with its complementary color.</td><td style='text-align:right;'></td></tr></table>
@@ -4316,7 +4386,7 @@
 <p>The red, green, and blue intensities of an image are negated. White becomes black, yellow becomes blue, etc.  Use <a href="#negate">+negate</a> to only negate the grayscale pixels of the image.</p>
 
 <div style="margin: auto;">
-  <h4><a name="noise" id="noise"></a>-noise <em class="arg">radius</em><br/>
+  <h4><a id="noise"></a>-noise <em class="arg">radius</em><br/>
   +noise <em class="arg">type</em></h4>
 </div>
 
@@ -4346,7 +4416,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="normalize" id="normalize"></a>-normalize</h4>
+  <h4><a id="normalize"></a>-normalize</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Increase the contrast in an image by <em>stretching</em> the range of intensity values.</td><td style='text-align:right;'></td></tr></table>
@@ -4365,7 +4435,7 @@
 setting is in use.  Specifying any other <a href="#channel" >-channel</a>
 setting will normalize the RGB channels independently.</p>
 
-<p>See  <a href="#contrast-stretch" >-contrast-stretch</A> for more details.
+<p>See  <a href="#contrast-stretch" >-contrast-stretch</a> for more details.
 Also see <a href="#auto-level" >-auto-level</a> for a 'perfect' normalization
 that is better suited to mathematically generated images. </p>
 
@@ -4373,7 +4443,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="ordered-dither" id="ordered-dither"></a>-ordered-dither <em class="arg">threshold_map</em>{,<em class="arg">level</em>...}</h4>
+  <h4><a id="ordered-dither"></a>-ordered-dither <em class="arg">threshold_map</em>{,<em class="arg">level</em>...}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>dither the image using a pre-defined  ordered dither <em
@@ -4424,7 +4494,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="opaque" id="opaque"></a>-opaque <em class="arg">color</em></h4>
+  <h4><a id="opaque"></a>-opaque <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>change this color to the fill color within the image.</td><td style='text-align:right;'></td></tr></table>
@@ -4447,7 +4517,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="orient" id="orient"></a>-orient <em class="arg">image orientation</em></h4>
+  <h4><a id="orient"></a>-orient <em class="arg">image orientation</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>specify orientation of a digital camera image.</td><td style='text-align:right;'></td></tr></table>
@@ -4471,7 +4541,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="page" id="page"></a>-page <em class="arg">geometry</em><br/>
+  <h4><a id="page"></a>-page <em class="arg">geometry</em><br/>
   -page <em class="arg">media</em>[<em class="arg">offset</em>][{<em class="arg">^!&lt;&gt;</em>}]<br/>
   +page
   </h4>
@@ -4548,7 +4618,7 @@
 <p>Use <a href="#page">+page</a> to remove the page settings for an image.</p>
 
 <div style="margin: auto;">
-  <h4><a name="paint" id="paint"></a>-paint <em class="arg">radius</em></h4>
+  <h4><a id="paint"></a>-paint <em class="arg">radius</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>simulate an oil painting.</td><td style='text-align:right;'></td></tr></table>
@@ -4556,12 +4626,12 @@
 <p>Each pixel is replaced by the most frequent color in a circular neighborhood whose width is specified with <em class="arg">radius</em>.</p>
 
 <div style="margin: auto;">
-  <h4><a name="path" id="path"></a>-path <em class="arg">path</em></h4></div>
+  <h4><a id="path"></a>-path <em class="arg">path</em></h4></div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>write images to this path on disk.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="pause_animate_" id="pause_animate_"></a>-pause <em class="arg">seconds</em></h4>
+  <h4><a id="pause_animate_"></a>-pause <em class="arg">seconds</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Pause between animation loops.</td><td style='text-align:right;'>[<a href="../www/animate.html">animate</a>]</td></tr></table>
@@ -4569,7 +4639,7 @@
 <p>Pause for the specified number of seconds before repeating the animation.</p>
 
 <div style="margin: auto;">
-  <h4><a name="pause_import_" id="pause_import_"></a>-pause <em class="arg">seconds</em></h4>
+  <h4><a id="pause_import_"></a>-pause <em class="arg">seconds</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Pause between snapshots.</td><td style='text-align:right;'>[<a href="../www/import.html">import</a>]</td></tr></table>
@@ -4577,19 +4647,19 @@
 <p>Pause for the specified number of seconds before taking the next snapshot.</p>
 
 <div style="margin: auto;">
-  <h4><a name="ping" id="ping"></a>-ping</h4>
+  <h4><a id="ping"></a>-ping</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>efficiently determine image characteristics.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="pointsize" id="pointsize"></a>-pointsize <em class="arg">value</em></h4>
+  <h4><a id="pointsize"></a>-pointsize <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>pointsize of the PostScript, OPTION1, or TrueType font.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="polaroid" id="polaroid"></a>-polaroid <em class="arg">angle</em></h4>
+  <h4><a id="polaroid"></a>-polaroid <em class="arg">angle</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>simulate a Polaroid picture.</td><td style='text-align:right;'></td></tr></table>
@@ -4597,19 +4667,19 @@
 <p>Use <kbd>+polaroid</kbd> to rotate the image at a random angle between -15 and +15 degrees.</p>
 
 <div style="margin: auto;">
-  <h4><a name="posterize" id="posterize"></a>-posterize <em class="arg">levels</em></h4>
+  <h4><a id="posterize"></a>-posterize <em class="arg">levels</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>reduce the image to a limited number of color levels.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="precision" id="precision"></a>-precision <em class="arg">value</em></h4>
+  <h4><a id="precision"></a>-precision <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>set the maximum number of significant digits to be printed.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="preview" id="preview"></a>-preview <em class="arg">type</em></h4>
+  <h4><a id="preview"></a>-preview <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>image preview type.</td><td style='text-align:right;'></td></tr></table>
@@ -4653,13 +4723,13 @@
 <p>The default preview is <kbd>JPEG</kbd>.</p>
 
 <div style="margin: auto;">
-  <h4><a name="print" id="print"></a>-print <em class="arg">string</em></h4>
+  <h4><a id="print"></a>-print <em class="arg">string</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>interpret string and print to console.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="process" id="process"></a>-process <em class="arg">command</em></h4>
+  <h4><a id="process"></a>-process <em class="arg">command</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>process the image with a custom image filter.</td><td style='text-align:right;'></td></tr></table>
@@ -4667,7 +4737,7 @@
 <p>The command arguments has the form <kbd>"module arg1 arg2 arg3 ... argN"</kbd> where <kbd>module</kbd> is the name of the module to invoke (e.g.  "Analyze") and arg1 arg2 arg3 ... argN are an arbitrary number of arguments to pass to the process module.</p>
 
 <div style="margin: auto;">
-  <h4><a name="profile" id="profile"></a>-profile <em class="arg">filename</em><br/>
+  <h4><a id="profile"></a>-profile <em class="arg">filename</em><br/>
   +profile <em class="arg">profile_name</em></h4>
 </div>
 
@@ -4692,7 +4762,7 @@
 </p>
 
 <div style="margin: auto;">
-  <h4><a name="quality" id="quality"></a>-quality <em class="arg">value</em></h4>
+  <h4><a id="quality"></a>-quality <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>JPEG/MIFF/PNG compression level.</td><td style='text-align:right;'></td></tr></table>
@@ -4726,7 +4796,7 @@
 <p>For further information, see the <a href="http://www.w3.org/pub/WWW/TR">PNG</a> specification.</p>
 
 <div style="margin: auto;">
-  <h4><a name="quantize" id="quantize"></a>-quantize <em class="arg">colorspace</em></h4>
+  <h4><a id="quantize"></a>-quantize <em class="arg">colorspace</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>reduce colors using this colorspace.</td><td style='text-align:right;'></td></tr></table>
@@ -4739,13 +4809,13 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="quiet" id="quiet"></a>-quiet</h4>
+  <h4><a id="quiet"></a>-quiet</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>suppress all warning messages. Error messages are still reported.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="radial-blur" id="radial-blur"></a>-radial-blur  <em class="arg">angle</em></h4>
+  <h4><a id="radial-blur"></a>-radial-blur  <em class="arg">angle</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Blur around the center of the image.</td><td style='text-align:right;'></td></tr></table>
@@ -4759,7 +4829,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="raise" id="raise"></a>-raise <em class="arg">thickness</em></h4>
+  <h4><a id="raise"></a>-raise <em class="arg">thickness</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Lighten or darken image edges.</td><td style='text-align:right;'></td></tr></table>
@@ -4770,25 +4840,25 @@
 <p>Unlike the similar <a href="#frame">-frame</a> option, <a href="#raise">-raise</a> does not alter the dimensions of the image.</p>
 
 <div style="margin: auto;">
-  <h4><a name="random-threshold" id="random-threshold"></a>-random-threshold <em class="arg">low</em>x<em class="arg">high</em></h4>
+  <h4><a id="random-threshold"></a>-random-threshold <em class="arg">low</em>x<em class="arg">high</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Apply a random threshold to the image.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="red-primary" id="red-primary"></a>-red-primary <em class="arg">x,y</em></h4>
+  <h4><a id="red-primary"></a>-red-primary <em class="arg">x,y</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the red chromaticity primary point.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="regard-warnings" id="regard-warnings"></a>-regard-warnings</h4>
+  <h4><a id="regard-warnings"></a>-regard-warnings</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Pay attention to warning messages.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="remap" id="remap"></a>-remap <em class="arg">filename</em></h4>
+  <h4><a id="remap"></a>-remap <em class="arg">filename</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Reduce the number of colors in an image to the colors used by this image.</td><td style='text-align:right;'></td></tr></table>
@@ -4818,7 +4888,7 @@
 reduce the number of colors in an animated image sequence. </p>
 
 <div style="margin: auto;">
-  <h4><a name="region" id="region"></a>-region <em class="arg">geometry</em></h4>
+  <h4><a id="region"></a>-region <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set a region in which subsequent operations apply.</td><td style='text-align:right;'></td></tr></table>
@@ -4828,7 +4898,7 @@
 <p>See <a href="../www/command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h4><a name="remote" id="remote"></a>-remote</h4>
+  <h4><a id="remote"></a>-remote</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>perform a remote operation.</td><td style='text-align:right;'></td></tr></table>
@@ -4838,7 +4908,7 @@
 <p>If you have more than one <a href="../www/display.html">display</a> application running simultaneously, use the <a href="#window"> window</a> option to specify which application to control.</p>
 
 <div style="margin: auto;">
-  <h4><a name="render" id="render"></a>-render</h4>
+  <h4><a id="render"></a>-render</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>render vector operations.</td><td style='text-align:right;'></td></tr></table>
@@ -4846,7 +4916,7 @@
 <p>Use <a href="#render">+render</a> to turn off rendering vector operations. This useful when saving the result to vector formats such as MVG or SVG.</p>
 
 <div style="margin: auto;">
-<h4><a name="repage" id="repage"></a>-repage <em class="arg">geometry</em></h4>
+<h4><a id="repage"></a>-repage <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Adjust the canvas and offset information of the image.</td><td style='text-align:right;'></td></tr></table>
@@ -4873,7 +4943,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="resample" id="resample"></a>-resample <em class="arg">horizontal</em>x<em class="arg">vertical</em></h4>
+  <h4><a id="resample"></a>-resample <em class="arg">horizontal</em>x<em class="arg">vertical</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Resample image to specified horizontal and vertical resolution.</td><td style='text-align:right;'></td></tr></table>
@@ -4883,7 +4953,7 @@
 <p>Note that Photoshop stores and obtains image resolution from a proprietary embedded profile. If this profile exists in the image, then Photoshop will continue to treat the image using its former resolution, ignoring the image resolution specified in the standard file header.</p>
 
 <div style="margin: auto;">
-  <h4><a name="resize" id="resize"></a>-resize <em class="arg">geometry</em></h4>
+  <h4><a id="resize"></a>-resize <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Resize an image.</td><td style='text-align:right;'></td></tr></table>
@@ -4896,20 +4966,20 @@
 
 <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert portrait.jpg -gamma .45455 -resize 25% -gamma 2.2  \ <br/> -quality 92 passport.jpg</span></p>
 <div style="margin: auto;">
-  <h4><a name="respect-parentheses" id="respect-parentheses"></a>-respect-parentheses</h4>
+  <h4><a id="respect-parentheses"></a>-respect-parentheses</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>settings remain in effect until parenthesis boundary.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="reverse" id="reverse"></a>-reverse</h4>
+  <h4><a id="reverse"></a>-reverse</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Reverse the order of images in the current image list.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="roll" id="roll"></a>-roll {<em class="arg">+-</em>}<em class="arg">x</em>{<em class="arg">+-</em>}<em class="arg">y</em></h4>
+  <h4><a id="roll"></a>-roll {<em class="arg">+-</em>}<em class="arg">x</em>{<em class="arg">+-</em>}<em class="arg">y</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>roll an image vertically or horizontally by the amount given.</td><td style='text-align:right;'></td></tr></table>
@@ -4918,7 +4988,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="rotate" id="rotate"></a>-rotate <em class="arg">degrees</em>{<em class="arg">&lt;</em>}{<em class="arg">&gt;</em>}</h4>
+  <h4><a id="rotate"></a>-rotate <em class="arg">degrees</em>{<em class="arg">&lt;</em>}{<em class="arg">&gt;</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Apply Paeth image rotation (using shear operations) to the image.</td><td style='text-align:right;'></td></tr></table>
@@ -4933,7 +5003,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="sample" id="sample"></a>-sample <em class="arg">geometry</em></h4>
+  <h4><a id="sample"></a>-sample <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>minify/magnify the image using pixel subsampling and pixel replication, respectively.</td><td style='text-align:right;'></td></tr></table>
@@ -4956,7 +5026,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="sampling-factor" id="sampling-factor"></a>-sampling-factor <em class="arg">horizontal-factor</em>x<em class="arg">vertical-factor</em></h4>
+  <h4><a id="sampling-factor"></a>-sampling-factor <em class="arg">horizontal-factor</em>x<em class="arg">vertical-factor</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>sampling factors used by JPEG or MPEG-2 encoder and YUV decoder/encoder.</td><td style='text-align:right;'></td></tr></table>
@@ -4964,7 +5034,7 @@
 <p>This option specifies the sampling factors to be used by the JPEG encoder for chroma downsampling. If this option is omitted, the JPEG library will use its own default values. When reading or writing the YUV format and when writing the M2V (MPEG-2) format, use <a href="#sampling-factor">-sampling-factor 2x1</a> or <a href="#sampling-factor">-sampling-factor 4:2:2</a> to specify the 4:2:2 downsampling method.</p>
 
 <div style="margin: auto;">
-  <h4><a name="scale" id="scale"></a>-scale <em class="arg">geometry</em></h4>
+  <h4><a id="scale"></a>-scale <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>minify/magnify the image using pixel block averaging and pixel replication, respectively.</td><td style='text-align:right;'></td></tr></table>
@@ -4986,7 +5056,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="scene" id="scene"></a>-scene <em class="arg">value</em></h4>
+  <h4><a id="scene"></a>-scene <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>set scene number.</td><td style='text-align:right;'></td></tr></table>
@@ -4994,7 +5064,7 @@
 <p>This option sets the scene number of an image or the first image in an image sequence.</p>
 
 <div style="margin: auto;">
-  <h4><a name="screen" id="screen"></a>-screen</h4>
+  <h4><a id="screen"></a>-screen</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>specify the screen to capture.</td><td style='text-align:right;'></td></tr></table>
@@ -5002,13 +5072,13 @@
 <p>This option indicates that the GetImage request used to obtain the image should be done on the root window, rather than directly on the specified window. In this way, you can obtain pieces of other windows that overlap the specified window, and more importantly, you can capture menus or other popups that are independent windows but appear over the specified window.</p>
 
 <div style="margin: auto;">
-  <h4><a name="seed" id="seed"></a>-seed</h4>
+  <h4><a id="seed"></a>-seed</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>seed a new sequence of pseudo-random numbers</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="segment" id="segment"></a>-segment <em class="arg">cluster-threshold</em>x<em class="arg">smoothing-threshold</em></h4>
+  <h4><a id="segment"></a>-segment <em class="arg">cluster-threshold</em>x<em class="arg">smoothing-threshold</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>segment the colors of an image.</td><td style='text-align:right;'></td></tr></table>
@@ -5022,11 +5092,11 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="selective-blur" id="selective-blur"></a>-selective-blur <em class="arg">geometry</em></h4>
+  <h4><a id="selective-blur"></a>-selective-blur <em class="arg">geometry</em></h4>
 </div>
 
 <div style="margin: auto;">
-  <h4><a name="selective-blur" id="selective-blur"></a>-selective-blur <em class="arg">radius</em><br />-unsharp <em class="arg">radius</em>x<em class="arg">sigma</em>{<em class="arg">+threshold</em>}</h4>
+  <h4>-selective-blur <em class="arg">radius</em><br />-unsharp <em class="arg">radius</em>x<em class="arg">sigma</em>{<em class="arg">+threshold</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Selectively blur pixels within a contrast threshold.</td><td style='text-align:right;'></td></tr></table>
@@ -5034,13 +5104,13 @@
 <p>Blurs those pixels that are less than or equal to the threshold in contrast. The threshold may be expressed as a fraction of <em class="QR">QuantumRange</em> or as a percentage.</p>
 
 <div style="margin: auto;">
-  <h4><a name="separate" id="separate"></a>-separate</h4>
+  <h4><a id="separate"></a>-separate</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>separate an image channel into a grayscale image.  Specify the channel with <a href="#channel">-channel</a>.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="sepia-tone" id="sepia-tone"></a>-sepia-tone <em class="arg">threshold</em></h4>
+  <h4><a id="sepia-tone"></a>-sepia-tone <em class="arg">threshold</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>simulate a sepia-toned photo.</td><td style='text-align:right;'></td></tr></table>
@@ -5052,8 +5122,8 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="set" id="set"></a>-set <em class="arg">key value</em></h4>
-  <h4><a name="set" id="set"></a>+set <em class="arg">key</em></h4>
+  <h4><a id="set"></a>-set <em class="arg">key value</em></h4>
+  <h4>+set <em class="arg">key</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>sets image attributes and properties for images in the current
@@ -5126,7 +5196,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="shade" id="shade"></a>-shade <em class="arg">azimuth</em>x<em class="arg">elevation</em></h4>
+  <h4><a id="shade"></a>-shade <em class="arg">azimuth</em>x<em class="arg">elevation</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>shade the image using a distant light source.</td><td style='text-align:right;'></td></tr></table>
@@ -5134,13 +5204,13 @@
 <p>Specify <em class="arg">azimuth</em> and <em class="arg">elevation</em> as the position of the light source. Use <a href="#shade">+shade</a> to return the shading results as a grayscale image.</p>
 
 <div style="margin: auto;">
-  <h4><a name="shadow" id="shadow"></a>-shadow <em class="arg">percent-opacity</em>{x<em class="arg">sigma</em>}{<em class="arg">+-</em>}<em class="arg">x</em>{<em class="arg">+-</em>}<em class="arg">y</em>{<em class="arg">%</em>}</h4>
+  <h4><a id="shadow"></a>-shadow <em class="arg">percent-opacity</em>{x<em class="arg">sigma</em>}{<em class="arg">+-</em>}<em class="arg">x</em>{<em class="arg">+-</em>}<em class="arg">y</em>{<em class="arg">%</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>simulate an image shadow.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="shared-memory"
+  <h4><a
 id="shared-memory"></a>-shared-memory</h4>
 </div>
 
@@ -5149,7 +5219,7 @@
 <p>This option specifies whether the utility should attempt to use shared memory for pixmaps. ImageMagick must be compiled with shared memory support, and the display must support the <em class="arg">MIT-SHM</em> extension. Otherwise, this option is ignored. The default is <kbd>True</kbd>.</p>
 
 <div style="margin: auto;">
-  <h4><a name="sharpen" id="sharpen"></a>-sharpen <em class="arg">radius</em>{x<em class="arg">sigma</em>}</h4>
+  <h4><a id="sharpen"></a>-sharpen <em class="arg">radius</em>{x<em class="arg">sigma</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>sharpen the image.</td><td style='text-align:right;'></td></tr></table>
@@ -5157,7 +5227,7 @@
 <p>Use a Gaussian operator of the given radius and standard deviation (sigma).</p>
 
 <div style="margin: auto;">
-  <h4><a name="shave" id="shave"></a>-shave <em class="arg">geometry</em></h4>
+  <h4><a id="shave"></a>-shave <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Shave pixels from the image edges.</td><td style='text-align:right;'></td></tr></table>
@@ -5167,7 +5237,7 @@
 <p>See <a href="../www/command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h4><a name="shear" id="shear"></a>-shear <em class="arg">Xdegrees</em>[x<em class="arg">Ydegrees</em>]</h4>
+  <h4><a id="shear"></a>-shear <em class="arg">Xdegrees</em>[x<em class="arg">Ydegrees</em>]</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Shear the image along the x-axis and/or y-axis.</td><td style='text-align:right;'></td></tr></table>
@@ -5185,7 +5255,7 @@
 
 <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert logo: -shear 20x60 logo-sheared.png</span></p>
 <div style="margin: auto;">
-  <h4><a name="sigmoidal" id="sigmoidal-contrast"></a>-sigmoidal-contrast <em class="arg">contrast</em>x<em class="arg">mid-point</em></h4>
+  <h4><a id="sigmoidal-contrast"></a>-sigmoidal-contrast <em class="arg">contrast</em>x<em class="arg">mid-point</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>increase the contrast without saturating highlights or shadows.</td><td style='text-align:right;'></td></tr></table>
@@ -5193,13 +5263,13 @@
 <p>Increase the contrast of the image using a sigmoidal transfer function without saturating highlights or shadows. <em class="arg">Contrast</em> indicates how much to increase the contrast (0 is none; 3 is typical; 20 is a lot); <em class="arg">mid-point</em> indicates where midtones fall in the resultant image (0 is white; 50% is middle-gray; 100% is black).  By default the image contrast is increased, use <em class="arg">+sigmoidal-contrast</em> to decrease the contrast.</p>
 
 <div style="margin: auto;">
-  <h4><a name="silent" id="silent"></a>-silent</h4>
+  <h4><a id="silent"></a>-silent</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>operate silently.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="size" id="size"></a>-size <em class="arg">width</em>[x<em class="arg">height</em>][<em class="arg">+offset</em>]</h4>
+  <h4><a id="size"></a>-size <em class="arg">width</em>[x<em class="arg">height</em>][<em class="arg">+offset</em>]</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>set the width and height of the image.</td><td style='text-align:right;'></td></tr></table>
@@ -5217,7 +5287,7 @@
 </pre>
 
 <div style="margin: auto;">
-  <h4><a name="sketch" id="sketch"></a>-sketch <em class="arg">radius</em><br />-sketch <em class="arg">radius</em>x<em class="arg">sigma</em>+<em class="arg">angle</em></h4>
+  <h4><a id="sketch"></a>-sketch <em class="arg">radius</em><br />-sketch <em class="arg">radius</em>x<em class="arg">sigma</em>+<em class="arg">angle</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>simulate a pencil sketch.</td><td style='text-align:right;'></td></tr></table>
@@ -5225,7 +5295,7 @@
 <p>Sketch with the given radius, standard deviation (sigma), and angle.   The angle given is the angle toward which the image is sketched.  That is the direction people would consider the object is coming from.  </p>
 
 <div style="margin: auto;">
-  <h4><a name="snaps" id="snaps"></a>-snaps <em class="arg">value</em></h4>
+  <h4><a id="snaps"></a>-snaps <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the number of screen snapshots.</td><td style='text-align:right;'>[<a href="../www/import.html">import</a>]</td></tr></table>
@@ -5233,7 +5303,7 @@
 <p>Use this option to grab more than one image from the X server screen, to create an animation sequence.</p>
 
 <div style="margin: auto;">
-  <h4><a name="solarize" id="solarize"></a>-solarize <em class="arg">threshold</em></h4>
+  <h4><a id="solarize"></a>-solarize <em class="arg">threshold</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>negate all pixels above the threshold level.</td><td style='text-align:right;'></td></tr></table>
@@ -5243,7 +5313,7 @@
 <p>This option produces a <em class="arg">solarization</em> effect seen when exposing a photographic film to light during the development process.</p>
 
 <div style="margin: auto;">
-  <h4><a name="sparse-color" id="sparse-color"></a>-sparse-color <em
+  <h4><a id="sparse-color"></a>-sparse-color <em
   class="arg">method</em>  '<em class="arg">x</em>,<em class="arg">y</em> <em class="arg">color</em>  ...'</h4>
 </div>
 
@@ -5305,7 +5375,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="splice" id="splice"></a>-splice <em class="arg">geometry</em></h4>
+  <h4><a id="splice"></a>-splice <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Splice the current background color into the image.</td><td style='text-align:right;'></td></tr></table>
@@ -5313,7 +5383,7 @@
 <p>See <a href="../www/command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument. See <a href="#background">-background</a> to reset the background color.</p>
 
 <div style="margin: auto;">
-  <h4><a name="spread" id="spread"></a>-spread <em class="arg">amount</em></h4>
+  <h4><a id="spread"></a>-spread <em class="arg">amount</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>displace image pixels by a random amount.</td><td style='text-align:right;'></td></tr></table>
@@ -5321,7 +5391,7 @@
 <p>The argument <em class="arg">amount</em> defines the size of the neighborhood around each pixel from which to choose a candidate pixel to swap.</p>
 
 <div style="margin: auto;">
-  <h4><a name="stegano" id="stegano"></a>-stegano <em class="arg">offset</em></h4>
+  <h4><a id="stegano"></a>-stegano <em class="arg">offset</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>hide watermark within an image.</td><td style='text-align:right;'></td></tr></table>
@@ -5329,7 +5399,7 @@
 <p>Use an offset to start the image hiding some number of pixels from the beginning of the image. Note this offset and the image size. You will need this information to recover the steganographic image (e.g. display -size 320x256+35 stegano:image.png).</p>
 
 <div style="margin: auto;">
-  <h4><a name="stereo" id="stereo"></a>-stereo <em class="arg">+x</em>{<em class="arg">+y</em>}</h4>
+  <h4><a id="stereo"></a>-stereo <em class="arg">+x</em>{<em class="arg">+y</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>composite two images to create a stereo anaglyph.</td><td style='text-align:right;'>[<a href="../www/composite.html">composite</a>]</td></tr></table>
@@ -5337,7 +5407,7 @@
 <p>The left side of the stereo pair is saved as the red channel of the output image. The right side is saved as the green channel. Red-green stereo glasses are required to properly view the stereo image.</p>
 
 <div style="margin: auto;">
-  <h4><a name="storage-type" id="storage-type"></a>-storage-type <em class="arg">type</em></h4>
+  <h4><a id="storage-type"></a>-storage-type <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>pixel storage type.  Here are the valid types:</td><td style='text-align:right;'></td></tr></table>
@@ -5356,7 +5426,7 @@
 values range from 0 to the maximum value the storage type can support.</p>
 
 <div style="margin: auto;">
-  <h4><a name="stretch" id="stretch"></a>-stretch <em class="arg">fontStretch</em></h4>
+  <h4><a id="stretch"></a>-stretch <em class="arg">fontStretch</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set a type of stretch style for fonts.</td><td style='text-align:right;'></td></tr></table>
@@ -5381,13 +5451,13 @@
 <p>For other settings that affect fonts, see the options <a href="#font">-font</a>, <a href="#family">-family</a>, <a href="#style">-style</a>, and <a href="#weight">-weight</a>. </p>
 
 <div style="margin: auto;">
-  <h4><a name="strip" id="strip"></a>-strip</h4>
+  <h4><a id="strip"></a>-strip</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>strip the image of any profiles or comments.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="stroke" id="stroke"></a>-stroke <em class="arg">color</em></h4>
+  <h4><a id="stroke"></a>-stroke <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>color to use when stroking a graphic primitive.</td><td style='text-align:right;'></td></tr></table>
@@ -5397,7 +5467,7 @@
 <p>See <a href="#draw">-draw</a> for further details.</p>
 
 <div style="margin: auto;">
-  <h4><a name="strokewidth" id="strokewidth"></a>-strokewidth <em class="arg">value</em></h4>
+  <h4><a id="strokewidth"></a>-strokewidth <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>set the stroke width.</td><td style='text-align:right;'></td></tr></table>
@@ -5405,7 +5475,7 @@
 <p>See <a href="#draw">-draw</a> for further details.</p>
 
 <div style="margin: auto;">
-  <h4><a name="style" id="style"></a>-style <em class="arg">fontStyle</em></h4>
+  <h4><a id="style"></a>-style <em class="arg">fontStyle</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set a font style for text.</td><td style='text-align:right;'></td></tr></table>
@@ -5424,7 +5494,7 @@
 <p>For other settings that affect fonts, see the options <a href="#font">-font</a>, <a href="#family">-family</a>, <a href="#stretch">-stretch</a>, and <a href="#weight">-weight</a>. </p>
 
 <div style="margin: auto;">
-  <h4><a name="subimage-search" id="subimage-search"></a>-subimage-search</h4>
+  <h4><a id="subimage-search"></a>-subimage-search</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>search for subimage.</td><td style='text-align:right;'>[<a href="../www/compare.html">compare</a>]</td></tr></table>
@@ -5448,7 +5518,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="swap" id="swap"></a>-swap <em class="arg">index,index</em></h4>
+  <h4><a id="swap"></a>-swap <em class="arg">index,index</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Swap the positions of two images in the image sequence.</td><td style='text-align:right;'></td></tr></table>
@@ -5458,7 +5528,7 @@
 the last two images in the sequence.</p>
 
 <div style="margin: auto;">
-  <h4><a name="swirl" id="swirl"></a>-swirl <em class="arg">degrees</em></h4>
+  <h4><a id="swirl"></a>-swirl <em class="arg">degrees</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>swirl image pixels about the center.</td><td style='text-align:right;'></td></tr></table>
@@ -5466,19 +5536,19 @@
 <p><em class="arg">Degrees</em> defines the tightness of the swirl.</p>
 
 <div style="margin: auto;">
-  <h4><a name="synchronize" id="synchronize"></a>-synchronize</h4>
+  <h4><a id="synchronize"></a>-synchronize</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>synchronize image to storage device.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="taint" id="taint"></a>-taint</h4>
+  <h4><a id="taint"></a>-taint</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Mark the image as modified.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="text-font" id="text-font"></a>-text-font <em class="arg">name</em></h4>
+  <h4><a id="text-font"></a>-text-font <em class="arg">name</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>font for writing fixed-width text.</td><td style='text-align:right;'></td></tr></table>
@@ -5488,13 +5558,13 @@
 <p>You can tag a font to specify whether it is a PostScript, TrueType, or OPTION1 font. For example, <kbd>Courier.ttf</kbd> is a TrueType font and <kbd>x:fixed</kbd> is OPTION1.</p>
 
 <div style="margin: auto;">
-  <h4><a name="texture" id="texture"></a>-texture <em class="arg">filename</em></h4>
+  <h4><a id="texture"></a>-texture <em class="arg">filename</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>name of texture to tile onto the image background.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="threshold" id="threshold"></a>-threshold <em class="arg">value</em>{<em class="arg">%</em>}</h4>
+  <h4><a id="threshold"></a>-threshold <em class="arg">value</em>{<em class="arg">%</em>}</h4>
 </div>
 
 <!-- {<em class="arg">green,blue,opacity</em>}
@@ -5522,7 +5592,7 @@
 </p>
 
 <div style="margin: auto;">
-  <h4><a name="thumbnail" id="thumbnail"></a>-thumbnail <em class="arg">geometry</em></h4>
+  <h4><a id="thumbnail"></a>-thumbnail <em class="arg">geometry</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Create a thumbnail of the image.</td><td style='text-align:right;'></td></tr></table>
@@ -5532,7 +5602,7 @@
 <p>See <a href="../www/command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h4><a name="tile" id="tile"></a>-tile <em class="arg">filename</em></h4>
+  <h4><a id="tile"></a>-tile <em class="arg">filename</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the tile image used for filling a subsequent graphic primitive.</td><td style='text-align:right;'></td></tr></table>
@@ -5552,7 +5622,7 @@
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Specifies that a subsequent composite operation is repeated across and down image.</td><td style='text-align:right;'>[<a href="../www/composite.html">composite</a>]</td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="tile-offset" id="tile-offset"></a>-tile-offset {<em class="arg">+-</em>}<em class="arg">x</em>{<em class="arg">+-</em>}<em class="arg">y</em></h4>
+  <h4><a id="tile-offset"></a>-tile-offset {<em class="arg">+-</em>}<em class="arg">x</em>{<em class="arg">+-</em>}<em class="arg">y</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Specify the offset for tile images, relative to the background image it is tiled on.</td><td style='text-align:right;'></td></tr></table>
@@ -5562,7 +5632,7 @@
 <p>Internally ImageMagick does a <a href="#roll" >-roll</a> of the tile image by the arguments given when the tile image is set. </p>
 
 <div style="margin: auto;">
-  <h4><a name="tint" id="tint"></a>-tint <em class="arg">value</em></h4>
+  <h4><a id="tint"></a>-tint <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Tint the image with the fill color.</td><td style='text-align:right;'></td></tr></table>
@@ -5572,7 +5642,7 @@
 <p>Specify the amount of tinting as a percentage.  Pure colors like black, white red, yellow, will not be affected by -tint. Only mid-range colors such as the various shades of grey.</p>
 
 <div style="margin: auto;">
-  <h4><a name="title" id="title"></a>-title <em class="arg">string</em></h4>
+  <h4><a id="title"></a>-title <em class="arg">string</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Assign a title to displayed image.</td><td style='text-align:right;'>[<a href="../www/animate.html">animate</a>, <a href="../www/display.html">display</a>, <a href="../www/montage.html">montage</a>]</td></tr></table>
@@ -5589,7 +5659,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="transform" id="transform"></a>-transform</h4>
+  <h4><a id="transform"></a>-transform</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>transform the image.</td><td style='text-align:right;'></td></tr></table>
@@ -5603,7 +5673,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="transparent" id="transparent"></a>-transparent <em class="arg">color</em></h4>
+  <h4><a id="transparent"></a>-transparent <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Make this color transparent within the image.</td><td style='text-align:right;'></td></tr></table>
@@ -5630,7 +5700,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="transparent-color" id="transparent-color"></a>-transparent-color <em class="arg">color</em></h4>
+  <h4><a id="transparent-color"></a>-transparent-color <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set the transparent color.</td><td style='text-align:right;'></td></tr></table>
@@ -5652,7 +5722,7 @@
 <p>The default transparent color is <kbd>#00000000</kbd>, which is fully transparent black.</p>
 
 <div style="margin: auto;">
-  <h4><a name="transpose" id="transpose"></a>-transpose</h4>
+  <h4><a id="transpose"></a>-transpose</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Mirror the image along the top-left to bottom-right diagonal.</td><td style='text-align:right;'></td></tr></table>
@@ -5661,14 +5731,14 @@
 </p>
 
 <div style="margin: auto;">
-  <h4><a name="transverse" id="transverse"></a>-transverse</h4>
+  <h4><a id="transverse"></a>-transverse</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Mirror the image along the images bottom-left top-right diagonal.  Equivalent to the operations <kbd>-flop -rotate 90</kbd>.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="treedepth" id="treedepth"></a>-treedepth <em class="arg">value</em></h4>
+  <h4><a id="treedepth"></a>-treedepth <em class="arg">value</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>tree depth for the color reduction algorithm.</td><td style='text-align:right;'></td></tr></table>
@@ -5680,7 +5750,7 @@
 <p>The <a href="#colors">-colors</a> or <a href="#monochrome">-monochrome</a> option, or writing to an image format which requires color reduction, is required for this option to take effect.</p>
 
 <div style="margin: auto;">
-  <h4><a name="trim" id="trim"></a>-trim</h4>
+  <h4><a id="trim"></a>-trim</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>trim an image.</td><td style='text-align:right;'></td></tr></table>
@@ -5698,7 +5768,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="type" id="type"></a>-type <em class="arg">type</em></h4>
+  <h4><a id="type"></a>-type <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>the image type.</td><td style='text-align:right;'></td></tr></table>
@@ -5712,7 +5782,7 @@
 <p>Use <a href="#type">-type optimize</a> to ensure the image is written in the smallest possible file size.</p>
 
 <div style="margin: auto;">
-  <h4><a name="undercolor" id="undercolor"></a>-undercolor <em class="arg">color</em></h4>
+  <h4><a id="undercolor"></a>-undercolor <em class="arg">color</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>set the color of the annotation bounding box.</td><td style='text-align:right;'></td></tr></table>
@@ -5723,7 +5793,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="update" id="update"></a>-update <em class="arg">seconds</em></h4>
+  <h4><a id="update"></a>-update <em class="arg">seconds</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>detect when image file is modified and redisplay.</td><td style='text-align:right;'></td></tr></table>
@@ -5732,14 +5802,14 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="unique-colors" id="unique-colors"></a>-unique-colors</h4>
+  <h4><a id="unique-colors"></a>-unique-colors</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>discard all but one of any pixel color.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="units" id="units"></a>-units <em class="arg">type</em></h4>
+  <h4><a id="units"></a>-units <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>the units of image resolution.</td><td style='text-align:right;'></td></tr></table>
@@ -5748,7 +5818,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="unsharp" id="unsharp"></a>-unsharp <em class="arg">radius</em><br />-unsharp <em class="arg">radius</em>x<em class="arg">sigma</em>{<em class="arg">+amount</em>}{<em class="arg">+threshold</em>}</h4>
+  <h4><a id="unsharp"></a>-unsharp <em class="arg">radius</em><br />-unsharp <em class="arg">radius</em>x<em class="arg">sigma</em>{<em class="arg">+amount</em>}{<em class="arg">+threshold</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>sharpen the image with an unsharp mask operator.</td><td style='text-align:right;'></td></tr></table>
@@ -5769,35 +5839,35 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="verbose" id="verbose"></a>-verbose</h4>
+  <h4><a id="verbose"></a>-verbose</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>print detailed information about the image when this option precedes the <a href="#identify">-identify</a> option or <kbd>info:</kbd>.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="version" id="version"></a>-version</h4>
+  <h4><a id="version"></a>-version</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>print ImageMagick version string and exit.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="view" id="view"></a>-view <em class="arg">string</em></h4>
+  <h4><a id="view"></a>-view <em class="arg">string</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>FlashPix viewing parameters.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="vignette" id="vignette"></a>-vignette <em class="arg">radius</em>{x<em class="arg">sigma</em>}{<em class="arg">+-</em>}<em class="arg">x</em>{<em class="arg">+-</em>}<em class="arg">y</em>{<em class="arg">%</em>}</h4>
+  <h4><a id="vignette"></a>-vignette <em class="arg">radius</em>{x<em class="arg">sigma</em>}{<em class="arg">+-</em>}<em class="arg">x</em>{<em class="arg">+-</em>}<em class="arg">y</em>{<em class="arg">%</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>soften the edges of the image in vignette style.</td><td style='text-align:right;'></td></tr></table>
 
 
 <div style="margin: auto;">
-  <h4><a name="virtual-pixel" id="virtual-pixel"></a>-virtual-pixel <em class="arg">method</em></h4>
+  <h4><a id="virtual-pixel"></a>-virtual-pixel <em class="arg">method</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Specify contents of <em>virtual pixels</em>.</td><td style='text-align:right;'></td></tr></table>
@@ -5839,7 +5909,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="visual" id="visual"></a>-visual <em class="arg">type</em></h4>
+  <h4><a id="visual"></a>-visual <em class="arg">type</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Animate images using this X visual type.</td><td style='text-align:right;'>[<a href="../www/animate.html">animate</a>, <a href="../www/display.html">display</a>]</td></tr></table>
@@ -5861,7 +5931,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="watermark" id="watermark"></a>-watermark <em
+  <h4><a id="watermark"></a>-watermark <em
   class="arg">brightness</em>x<em class="arg">saturation</em></h4>
 </div>
 
@@ -5876,7 +5946,7 @@
 
 
 <div style="margin: auto;">
-  <h4><a name="wave" id="wave"></a>-wave <em class="arg">amplitude</em><br />-wave <em class="arg">amplitude</em>x<em class="arg">wavelength</em></h4>
+  <h4><a id="wave"></a>-wave <em class="arg">amplitude</em><br />-wave <em class="arg">amplitude</em>x<em class="arg">wavelength</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Shear the columns of an image into a sine wave.</td><td style='text-align:right;'></td></tr></table>
@@ -5884,7 +5954,7 @@
 <p>Specify <em class="arg">amplitude</em> and <em class="arg">wavelength</em> of the wave.</p>
 
 <div style="margin: auto;">
-  <h4><a name="weight" id="weight"></a>-weight <em class="arg">fontWeight</em></h4>
+  <h4><a id="weight"></a>-weight <em class="arg">fontWeight</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Set a font weight for text.</td><td style='text-align:right;'></td></tr></table>
@@ -5914,13 +5984,13 @@
 <p>For other settings that affect fonts, see the options <a href="#font">-font</a>, <a href="#family">-family</a>, <a href="#stretch">-stretch</a>, and <a href="#style">-style</a>. </p>
 
 <div style="margin: auto;">
-  <h4><a name="white-point" id="white-point"></a>-white-point <em class="arg">x,y</em></h4>
+  <h4><a id="white-point"></a>-white-point <em class="arg">x,y</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>chromaticity white point.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="white-threshold" id="white-threshold"></a>-white-threshold <em class="arg">value</em>{<em class="arg">%</em>}</h4>
+  <h4><a id="white-threshold"></a>-white-threshold <em class="arg">value</em>{<em class="arg">%</em>}</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Force to white all pixels above the threshold while leaving all pixels at or below the threshold unchanged.</td><td style='text-align:right;'></td></tr></table>
@@ -5929,7 +5999,7 @@
 </p>
 
 <div style="margin: auto;">
-  <h4><a name="window" id="window"></a>-window <em class="arg">id</em></h4>
+  <h4><a id="window"></a>-window <em class="arg">id</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>Make the image the background of a window.</td><td style='text-align:right;'>[<a href="../www/animate.html">animate</a>, <a href="../www/display.html">display</a>]</td></tr></table>
@@ -5941,20 +6011,21 @@
 <p>The image will not display on the root window if the image has more unique colors than the target window colormap allows. Use <a href="#colors">-colors</a> to reduce the number of colors.</p>
 
 <div style="margin: auto;">
-  <h4><a name="window-group" id="window-group"></a>-window-group</h4>
+  <h4><a id="window-group"></a>-window-group</h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>specify the window group.</td><td style='text-align:right;'></td></tr></table>
 
 <div style="margin: auto;">
-  <h4><a name="write" id="write"></a>-write <em class="arg">filename</em></h4>
+  <h4><a id="write"></a>-write <em class="arg">filename</em></h4>
 </div>
 
 <table style='background-color:#FFFFE0; margin-left:40px; margin-right:40px; width:88%'><tr><td style='width:75%'>write an image sequence.</td><td style='text-align:right;'></td></tr></table>
  <p>The image sequence preceding the <a href="#write">-write</a> <em class="arg">filename</em> option is written out, and processing continues with the same image in its current state if there are additional options. To restore the image to its original state after writing it, use the <a href="#write">+write</a> <em class="arg">filename</em> option.</p>
 
 <p>Use <a href="#compress">-compress</a> to specify the type of image compression.</p>
-
+</div>
+</div>
 

 </div>