Question

在我的网站中，我从一个非常简单的免费版模板开始，我在互联网上找到了它。我开始在整个网站上构建它。

现在当我想添加一个名为“range”的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 对网站造成损害......？

感谢...

在我的网站上更改html DOCTYPE

0 个答案: