Strike-through text using the <del> tag.

OK, that was really easy. Here is a reference at W3Schools that goes into all the details.

If you are using WordPress you will find the del button on the HTML editor screen. Of course the editor button conveniently drops a date and time stamp attribute into the <del> tag as well, so the above line looks like this under the page:

<del datetime="2010-04-15T13:41:32+00:00">Strike-through text</del>

The ABC button of the visual editor uses inline CSS to create the strike-through effect. Here is an example of what the above line would look like under the page:

<span style="text-decoration: line-through;">Strike-through text</span>

To see an example of how strike-through text can be used feel free to read the latest revision of WordPress 3.0 Navigation Menu Styles.

Using the default definition from the register_sidebar() function found in ../wp-includes/widgets.php of WordPress version 3.0-alpha 3.0-beta1² (see below):

	$defaults = array(
		'name' => sprintf(__('Sidebar %d'), $i ),
		'id' => "sidebar-$i",
		'description' => '',
		'before_widget' => '<li id="%1$s" class="widget %2$s">',
		'after_widget' => "</li>\n",
		'before_title' => '<h2 class="widgettitle">',
		'after_title' => "</h2>\n",
	);

… and the default Navigation Menu widget, the following CSS style elements are generated:

• #nav-menu-<widget instance>
• .widget
• .widget_nav_menu
• .widgettitle

… with these elements generated specifically by the wp_nav_menu() function found in ../wp-includes/default-widgets.php of WordPress version 3.0-alpha 3.0-beta1²:

• .menu-<menu name>-container²
• #menu-<menu name>
• .menu
• #menu-item-<unique identifier*>
• .menu-item-type-<types: page, category, Custom>¹
• .menu-item²
• .menu-item-type-<post_type, custom, or taxonomy>²
• .menu-item-object-<page, or category>²
• .current_page_item
• .sub-menu¹

This is just an initial listing of my observations as of the March 16, 2010 3.0-alpha version of WordPress. Look for future updates; and, please feel free to make note of your own observations below.

Bonus – A suggested addition to style.css for theme developers:

/* WordPress 3.0 Navigation Menu default widget */
.widget_nav_menu .menu {margin: 0;}
.widget_nav_menu .menu li {
  display: block;
  float: none;
  /* text-align: left; */
}