私のウェブサイトでは、インターネットで見つけた無料版の非常にシンプルなテンプレートから始めます。そして、その上にウェブサイト全体を構築し始めます。
ここで、「範囲」という名前の INPUT を追加したい場合 (私の言いたいことがわかっている場合はスライダーのように)、IE ブラウザーはそれをテキストボックスのように解釈します。すべてのブラウザが範囲入力をサポートしているわけではないことを確認し、理解しました...
さらに、ウェブサイトのテンプレートには、古いバージョンの HTML の DOCTYPE が含まれていることがわかりました...
次のようになります。
<!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">
私がそれを変更しようとしたとき：
<!DOCTYPE html>
また
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
フロー チャートを矢印で表すコードを記述し、矢印のコードがこれらの DOCTYPE で機能しないため、スタート ページの見栄えがよくありません...
矢印のコード:
<script>
function draw_arrow(context, startX, startY, size)
{
var arrowX = startX - 0.75*size;
var arrowTopY = startY - 0.707*(0.25*size);
var arrowBottomY = startY + 0.707*(0.25*size);
context.moveTo(startY, startX);
context.lineTo(startY-size, startY);
context.lineTo(arrowX, arrowTopY);
context.moveTo(startY-size, startY);
context.lineTo(arrowX, arrowBottomY);
context.stroke();
}
window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var startX = 100;
var startY = 100;
var size = 100;
context.lineWidth = 4;
draw_arrow(context, startX, startY, size);
var canvas = document.getElementById("myCanvas2");
var context = canvas.getContext("2d");
var startX = 100;
var startY = 100;
var size = 100;
context.lineWidth = 4;
draw_arrow(context, startX, startY, size);
};
</script>
矢印のグラフと INPUT の範囲がうまく調和するように、DOCTYPE のタイトルをどうすればよいでしょうか。または、ウェブサイトに損傷を与えることなく、HTML の高いバージョンをサポートするようにウェブサイトを変更するにはどうすればよいですか?
ありがとう...