WordPress テーマファイルをXHTML1.0 strictからHTML5に変換してみた。

2017年06月03日 21時00分 正午の月齢:8.7  月名:九日月  潮汐:小潮 月齢:8.7[九日月] 潮汐:小潮
(最終更新日:2019年09月17日)
3年前に投稿 | WordPress | コメントはありません

6分ぐらいで読めます。

今までXHTML1.0に10年以上こだわってきましたが、プラグインなどがHTML5として作られてきたため、もうそろそろ限界かなぁと思い、テーマの構文をXHTML1.0 strictからHTML5に変換することにしました。XHTMLのカチッとしたルールが好きだったんですけどねー。

とはいうものの、ほとんど手を入れなくてもいいようなので、とりあえずヘッダまわりを修正し、<hearder>や<nav>などの要素を、既存のdiv要素のブロックにかぶせるように付けて、ハイできあがり。

今までのXHTML1.0 strictは、

<?xml version="1.0" encoding="UTF-8"?>

<!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" lang="ja" xml:lang="ja" dir="ltr">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="https://susu.cc/wp-content/themes/susu03/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="https://susu.cc/wp-content/themes/susu03/print.css" type="text/css" media="print" />
<link rel="Shortcut Icon" href="https://susu.cc/wp-content/themes/susu03/images/favicon.ico" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="https://susu.cc/feed" />
<link rel="alternate" type="text/xml" title="RSS .92" href="https://susu.cc/feed/rss" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="https://susu.cc/feed/atom" />
<link rel="pingback" href="https://susu.cc/xmlrpc.php" />
<link rel="index" href="index.php" />

でした。ちゃんとXML宣言(IE対策あり)も記述していたんです。

これをHTML5にしたところ、

<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://susu.cc/wp-content/themes/susu04/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="https://susu.cc/wp-content/themes/susu04/print.css" type="text/css" media="print">
<link rel="shortcut icon" href="https://susu.cc/wp-content/themes/susu04/images/favicon.ico" type="image/x-icon">
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="https://susu.cc/feed">
<link rel="alternate" type="text/xml" title="RSS .92" href="https://susu.cc/feed/rss">
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="https://susu.cc/feed/atom">
<link rel="pingback" href="https://susu.cc/xmlrpc.php">
<link rel="index" href="index.php">

というふうになりました。名前空間の宣言が減ってしまったから、なんていうか、パンツをはき忘れたようなスースー感があって、ちょっと落ち着かないなぁ。もう少し慣れるまでには時間がかかりそう。

サイトの閲覧者からみると、一見何も変わっていないように見えてあまり面白くないかも。

古い記事・新しい記事

古い記事
新しい記事

コメントはありません

ごめんなさい、コメントフォームは閉鎖しています。

Translate »