我想创建一个类似于链接的HTML按钮。 因此，当您单击按钮时，它将重定向到页面。 我希望它尽可能地易于访问。

我也希望这样做，因此URL中没有任何多余的字符或参数。

我该如何实现？

根据到目前为止发布的答案，我目前正在这样做：

Continue

但这是在Safari和Internet Explorer中 ，它在URL的末尾添加了问号字符。 我需要找到一种不会在URL末尾添加任何字符的解决方案。

还有其他两种解决方案：使用JavaScript或设置链接的样式以使其看起来像按钮。

使用JavaScript：

Continue

但这显然需要JavaScript，因此，屏幕阅读器无法访问它。 链接的重点是转到另一个页面。 因此，试图使按钮像链接一样工作是错误的解决方案。 我的建议是，您应该使用链接并设置其样式以使其看起来像一个按钮 。

Continue

#1楼

如果这是您在基本HTML锚标记中寻找的按钮的外观，则可以使用Twitter Bootstrap框架格式化以下任何常见的HTML类型链接/按钮，使其显示为按钮。 请注意该框架的版本2、3或4之间的视觉差异：

Link

Button

#2楼

进行以下操作是否有不利之处？

Schedule

其中a.nostyle是具有链接样式(可以摆脱标准链接样式)的类，而span.button是具有“按钮”样式(背景，边框，渐变等)的类。 。

#3楼

如果要在任何地方创建用于URL的按钮，请为锚点创建按钮类。

a.button {

background-color: #999999;

color: #FFFFFF !important;

cursor: pointer;

display: inline-block;

font-weight: bold;

padding: 5px 8px;

text-align: center;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.button:hover {

text-decoration: none;

}

#4楼

再加上其他一些功能，只需使用一个简单的CSS类(没有PHP，没有jQuery代码，只有简单的HTML和CSS)就可以疯狂。

创建一个CSS类并将其添加到锚点中。 代码如下。

.button-link {

height:60px;

padding: 10px 15px;

background: #4479BA;

color: #FFF;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

border: solid 1px #20538D;

text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);

-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);

box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);

}

.button-link:hover {

background: #356094;

border: solid 1px #2A4E77;

text-decoration: none;

}

target="_blank">Press Here to Go

这就对了。 这很容易做到，并且可以让您发挥自己的创造力。 您可以控制颜色，大小，形状(半径)等。有关更多详细信息，请参见我在上找到的网站 。

#5楼

另一个选择是在按钮中创建一个链接：

Link link

然后使用CSS设置链接和按钮的样式，以使链接占据按钮内的整个空间(这样就不会造成用户的误点击)：

button, button a{position:relative;}

button a{top:0;left:0;bottom:0;right:0;}

我在这里创建了一个演示 。

慕仰1329654

使用Desktop＃browse(URI)方法。它将在用户的默认浏览器中打开一个URI。public static boolean openWebpage(URI uri) {    Desktop desktop = Desktop.isDesktopSupported() ? Desktop.getDesktop() : null;    if (desktop != null && desktop.isSupported(Desktop.Action.BROWSE)) {        try {            desktop.browse(uri);            return true;        } catch (Exception e) {            e.printStackTrace();        }    }    return false;}public static boolean openWebpage(URL url) {    try {        return openWebpage(url.toURI());    } catch (URISyntaxException e) {        e.printStackTrace();    }    return false;}

通过在优锐课的java学习中，get很多学习干货。

打印按钮或链接是对网页的简单添加

CSS(层叠样式表)使你可以控制屏幕上的网页内容。 此控件也扩展到其他媒体，例如在打印网页时。

你可能想知道为什么要在网页上添加打印功能; 毕竟，大多数人已经知道或可以轻松地知道如何使用浏览器的菜单打印网页。

但是在某些情况下，在页面上添加打印按钮或链接不仅会使你的用户在需要打印页面时更加轻松，而且可能甚至更重要的是使你可以更好地控制这些打印结果在页面上的显示方式 纸。

这是在页面上添加打印按钮或打印链接的方法，以及如何定义页面内容的哪些部分将被打印以及哪些页面内容将不被打印的方法。

添加打印按钮

你可以通过将以下代码添加到HTML文档中你希望按钮出现的位置来轻松地在页面上添加打印按钮：

οnclick="window.print();return false;" />

当该按钮出现在网页上时，将被标记为“打印此页”。 你可以通过在以下引号之间更改文本来自定义该文本

value=

在上面的代码中。

请注意，在文本之前和之后有一个空格。 通过在文本的末端和显示的按钮的边缘之间插入一些空格，可以改善按钮的外观。

添加打印链接

将简单的打印链接添加到你的网页甚至更加容易。 只需将以下代码插入你要显示链接的HTML文档中：

print

你可以通过将“打印”更改为所选内容来自定义链接文本。

使特定部分可打印

你可以设置用户使用打印按钮或链接来打印网页的特定部分的功能。 你可以通过在网站上添加一个print.css文件，在HTML文档的开头调用该文件，然后通过定义一个类来定义你希望使其易于打印的部分来做到这一点。

首先，将以下代码添加到HTML文档的开头部分：

type="text/css" media="print" />

接下来，创建一个名为print.css的文件。 在此文件中，添加以下代码：

body {visibility:hidden;}

.print {visibility:visible;}

该代码将主体中的所有元素定义为在打印时隐藏，除非为该元素分配了“ print”类。

现在，你要做的就是将“ print”类分配给你希望可打印的网页元素。 例如，要使div元素中定义的节可打印，可以使用

未分配给此类的页面上的任何其他内容均不会打印。

喜欢这篇文章的可以点个赞，欢迎大家留言评论，记得关注我，每天持续更新技术干货、职场趣事、海量面试资料等等

> 如果你对java技术很感兴趣也可以交流学习，共同学习进步。

不要再用"没有时间“来掩饰自己思想上的懒惰！趁年轻，使劲拼，给未来的自己一个交代

文章写道这里，欢迎完善交流。最后奉上近期整理出来的一套完整的java架构思维导图，分享给大家对照知识点参考学习。有更多JVM、Mysql、Tomcat、Spring Boot、Spring Cloud、Zookeeper、Kafka、RabbitMQ、RockerMQ、Redis、ELK、Git等Java干货