0

在我的网站中，我从在 Internet 上找到的一个非常简单的免费版本模板开始。我开始在它之上建立一个完整的网站。

现在，当我想添加一个名为“范围”的 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>

我可以用 DOCTYPE 标题做什么，以便箭头的图表和 INPUT 范围看起来不错？或者如何更改我的网站以支持高版本的 HTML 而不会损坏网站...？

谢谢...

4

0 回答 0