HTML5 中是否不需要 ALT 属性的值来通过验证？
在 HTML5 中，ALT 属性的值是可选的，但仍然推荐使用它以提高网页的可访问性。ALT 属性用于为图片提供替代文本，这对于视觉受损的用户或者在图片无法加载时非常有用。
例如，在 HTML5 中，为图片添加 ALT 属性的方法如下：
<img src="example.jpg" alt="描述图片内容的文本">虽然 ALT 属性的值是可选的，但在某些情况下，如果没有提供 ALT 属性，可能会导致无法通过 W3C 标准验证。
总之，虽然在 HTML5 中不需要 ALT 属性的值来通过验证，但为了提高网页的可访问性和用户体验，建议始终为图片提供有意义的 ALT 属性。
相关·内容
1回答
请检查html结构中的图标记。
html5验证-允许这种结构吗？
<a href="#">
<figure>
<img src="" class="img-responsive" alt="">
<figcaption>Family</figcaption>
</figure>
</a>
和
<figure>
<a href="#">
<img src
浏览 4提问于2013-11-27得票数 0
回答已采纳
所以我使用HTML 5在后台播放视频。问题是，我正在使用HTML5的旧方式，是否有人知道新的HTML5方式在后台播放视频，但它也应该显示一个图像，如果在手机上。
这是我的解决方案：
<div class="background-wrap">
<video poster="css/style.css" id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted">
浏览 1提问于2016-02-10得票数 1
回答已采纳
我正在使用ASP.NET 4。
我的UI依赖于使用更新面板。更新某些UI元素需要一个由PostBack处理的ScripManager。基本的东西。这些操作发生在字段提交之前。
问题出现在必须处理的HTML5标记上。
<input type="text" id="foo" aria-required="true" required>
使用.NET TextBox控件并添加属性，我得到如下呈现的代码：
<input name="foo" type="text" id="foo" ari
浏览 3提问于2014-08-25得票数 3
1回答
如果一个包含2个div的表单，每个div包含一个带有“必需”属性的asp文本框，那么是否可以将html5必需的属性约束为仅在包含textbox的div中考虑？因此，例如，我是否可以在第一个div中的textbox上获得在单击第二个div中的按钮时未被验证的属性？我应该补充说，我正试图在内容页面中这样做。
<form>
<div>
<asp:textbox runat="server" id="TextBox1" required="required"></asp:textbox&g
浏览 1提问于2017-12-06得票数 1
回答已采纳
3回答
<!DOCTYPE html>
<html>
<head>
<style>
img {
width:100%;
}
</style>
</head>
<body>
<img src="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">
<img src="html5.gif" alt="HTML5 Icon" width=
浏览 0提问于2020-10-05得票数 3
这是一个非常简单的问题，但我不能决定什么是最干净的，也不能让它工作。我在一个reactJS类中有这个JSX-part，我想通过一个prop-value动态设置位置。我应该将哪个标记属性添加到下面的代码片段中？我见过一些有风格的例子，并尝试过左右设置等等，但都没有成功。
任何帮助都是非常感谢的。
<img onClick={this.handleKeyPress} src="/image/1" alt="HTML5" width="200" height="200" />
浏览 4提问于2016-03-25得票数 5
回答已采纳
我和我们公司的其他开发人员都在挣扎于“标题”和"alt“属性。在过去，为了SEO的目的，我们在所有链接中添加了"title"-Tags (尽管其中一些链接在谈论可用性)和"alt"-Tags在站点上的每个图片上，因为HTML4规范是这么说的。
"title“和"alt"-Tags仍然是必需的吗
如果它们不是必需的，它们是否仍然对SEO有影响？
浏览 2提问于2014-01-18得票数 4
回答已采纳
我正在使用Cucumber测试web应用程序的行为(在幕后使用Selenium和Watir )。我的web应用有HTML5页面，并使用了新的"required“属性。如果我有一个包含必填字段的数据输入表单，而我提交的表单中该字段为空，我想验证web应用程序是否正确地响应了错误条件。
不幸的是，当使用HTML5 web浏览器进行测试时，失败的字段验证上弹出的错误消息似乎无法通过web驱动程序访问。在任何情况下，表单都不会提交，页面将保留在数据输入表单上。
另一方面，当测试headless或使用非HTML5兼容的浏览器时，表单可能会提交，从而允许我的web应用程序捕获错误并将用户返回到表单
浏览 6提问于2012-06-02得票数 20
我正在尝试实现一个为XHTML1.0文档类型编写的JQuery图片库到我的HTML5站点，问题是我不能对HTML5使用自定义的"rel“属性：
<!-- In <head> tag -->
<script type="text/javascript">
$(document).ready(function(){
$("a[rel='first_gallery']").colorbox({opacity: ".75"});
$("a[rel='second_
浏览 1提问于2012-10-14得票数 3
3回答
我在jQuery中为参数化(#!hashbang) AJAX调用使用了rel值。
<a id='_qualifier' rel='telephony' href='contact.php'>contact</a>
对于jQuery：
var hashbang = "#!"+$("#_qualifier").attr('rel'); //gives desired result=>"#!telephony"
但是，当我在valdator.w3.org上验证
浏览 4提问于2012-01-15得票数 3
回答已采纳
我正在从事的项目有一个标准，即HTML5代码也必须是格式良好的XML。这个需求被内置到自动化测试中。这意味着空元素如img，link，br，hr，.必须有一个/>结束分隔符-而不仅仅是一个>。
例如：
1)好：<img src="foo.png" alt="stuff" />
2)坏：<img src="foo.png" alt="stuff">
我正在使用Intellij 2018.2。我启用了Emmet。要创建img元素，我输入img，然后是TAB。Emmet将其扩展到<img src
浏览 1提问于2018-08-02得票数 2
我意识到还有其他解决方案，但我正在尝试使用HTML5 min属性来防止用户在文本字段中输入0。下面的标记给出了一个带有漂亮的向上/向下箭头的文本字段，用于数字选择；如果我按下向下箭头，该值将不会低于1。但我仍然可以在该字段中手动输入0。这是预期的行为吗？有没有一种HTML5技术可以防止输入的数字少于某个最小值？
<input type="number" min="1" />
浏览 3提问于2015-06-26得票数 2
这些类型的错误是否有效，以及如何解决。HTML5不允许这样的代码吗？
<button title="" disabled="disabled" >>></button>
验证：(HTML5) -此属性允许的值不包括“disabled”
浏览 0提问于2011-06-18得票数 6
回答已采纳
2回答
我有一个html块，我想作为一个可点击的链接。在下面的代码块中，我想把整个div变成一个链接。
<div id="clickableLink">
<h3>Link Heading</h3>
<img src="linkPic.jpg" alt="Link alt text" width="65" height="65" />
</div>
HTML5允许在锚标签中包含html (我想)。见下文
<a href="goThere
浏览 0提问于2010-12-10得票数 2
回答已采纳
我有这张HTML5 5/CSS3 3表格
当用户单击"submit“按钮时，我想检查手机类型是否为”其他“，说明是否为空/空。
在中
on_submit_do {
if phone_type == "Other" && trimmed(description) == "" then
alert_at_component("enter description of other phone type", description)
else
continue_as_normal_and_tran
浏览 0提问于2019-08-21得票数 2
1回答
我的页面上有以下几行：
<a href="#" rel="toggle[home_right_animate_div1]"
data-openimage="/images/right_btn1_hover.png"
data-closedimage="/images/right_btn1.png">
<img src="/images/right_btn1_hover.png" border="0" alt="" />
</a>
浏览 2提问于2015-07-27得票数 1
回答已采纳
我有一个有选择器的元素，我希望保留它的".alt“属性，并将其添加到数组中。
以前，我一直在用
fakeArray.push(eval($("selector here").alt))
我想我遇到了一个问题，那就是eval的范围是全局的，在这个范围内，我得到了这个错误。
Uncaught ReferenceError: $ is not defined
at eval ...
奇怪的是，我的代码运行良好，除非我使它成为适当的函数，否则数组可以工作。例如，这样做是行不通的：
function testFunction (){
// code here
}
不过
浏览 4提问于2017-07-29得票数 0
回答已采纳
我有一系列的链接，每个属于不同的产品与不同的价格。
例如：
<%a class="items" href="order.htm" alt="" onclick="javascript: num = 149.99">Content<%/a>
用户点击其中一个产品链接后，我希望能够在订单页面上显示该特定产品的价格。是否可以保留更改后的变量，以便在单独的订单页面上使用？如果是这样的话，是怎么做的？
这纯粹是我个人对JavaScript和HTML5的探索。
编辑:好的，使用sessionStorage，我可以设置和
浏览 0提问于2013-05-06得票数 2
回答已采纳
允许定义和使用自定义的HTML元素。
由于这个草案没有提到，而且据我所知，有效() XML文档需要一个DTD声明所有可能的元素，这是否意味着不可能将自定义元素包含在也将验证为XML的HTML5文档中？
浏览 1提问于2015-07-12得票数 1
回答已采纳
1回答
引言
我知道，角色属性是由W3C在中引入的，然后在HTML5中进行了调整。
当HTML5是新的并且许多浏览器没有实现本机元素来支持它们时，角色属性就像<nav role="nav">…</nav>一样，但是他们也提到这很快就没有必要了。
但目前，人们有不同的看法：
引导
一个引导成员在上声明，WAI规则比当前的HTML5规范“更重要”。另外，其他第三方网站如或也建议添加该属性以授予完全可访问性。
W3C
另一方面，W3C-Validator在输入带有角色属性的可疑表单标记时会发出以下警告。
<form role="form"&g
浏览 3提问于2016-02-14得票数 11
回答已采纳
4回答
类属性中的HTML5兼容尾随空间
、、、、
我知道从技术上讲，HTML5是一种“活规范”，但我想知道在类名中有尾随空间是否符合要求。我在规范中没有看到任何关于这个场景的引用，但是我的一个队友说它是无效的。也许我漏掉了什么？
整理这些空间会很痛苦(我正在一个大型Java应用程序中工作)，我想知道它是否值得用于SEO、验证或任何其他用途。我觉得这不是..。哈哈
浏览 2提问于2014-01-29得票数 7
回答已采纳
如何检查用户是否从HTML5的<select>字段中选择了某些内容？
我发现<select>不支持新的required属性...那我一定要用JavaScript吗？还是我漏掉了什么？:/
浏览 0提问于2011-05-19得票数 287
回答已采纳
在使用XHTML编码了许多年之后，我终于跳入HTML5构建了一个简单的投资组合网站。
我正在构建的网站在主页上显示了12个缩略图。当你翻滚缩略图时，它会显示一个标题。图片和标题链接到一个帖子。
旧的XHTML
<div class="thumb">
<a href="portfolio_1" title="Portfolio item 1"><img width="225" height="150" src="images/thumb_1.jpg" alt="
浏览 2提问于2013-10-11得票数 0
我有一些需要与特定元素关联的数据，比如单个表行。此数据包含诸如当前状态和与SQL行相关的唯一标识符等信息。当用户与元素交互时，我希望读出惟一标识符，并使用该标识符发出一个AJAX请求，让用户更改该元素的状态。
经过研究，似乎有两个阵营关于如何嵌入该元素的特定信息。
1)在html5中使用数据属性。我的理解是，这将在现代web浏览器以及不支持html5的旧浏览器中工作。但是，尽管它可以工作，但它并不遵循HMTL规范(小于HTML5)，因此如果您通过HTML语法检查器运行它，它将不会进行验证。
2)将额外的数据存储到javascript数组、对象等中。额外的工作是现在需要一种将javascript
浏览 0提问于2012-01-03得票数 4
回答已采纳
我在使用FancyBox JavaScript时遇到了验证问题(w3验证器、html5)
“元素a上的属性rel的错误值组:不是绝对IRI。字符串组不是注册的关键字或绝对URL。”
代码如下：
<a class="fancybox" rel="group" href="1-big.jpg"><img class ="fbox" src="1-small.jpg" alt="slideshow" /></a>
<a class="fancybox
浏览 1提问于2013-03-05得票数 1
我在html页面中有一些<a name="something"></a>条目来启用页面锚点；Visual Studio2010(使用HTML4.01或HTML5目标)在name属性下划线，并显示警告“元素‘名称’已过时或非标准”。
我做错什么了吗？页面内锚定是否已弃用？
浏览 0提问于2011-09-24得票数 4
回答已采纳
我正在考虑使用html5数据属性将验证规则作为权宜之计传递给jquery.validate，直到插件更新为支持HTML5为止。我使用的是jquery.validate 1.4.2、jquery.validate 1.7和jquery 2.1。在我的HTML中，我使用了如下代码：
<input name="foo" type="text" data-validate="{required:true,digits:true}" />
在我的jQuery中，我正在执行以下操作：
<script type="text/javas
浏览 0提问于2010-11-05得票数 6
回答已采纳
我在表单中使用了html5属性'required‘。以下是代码片段
$('form').validationEngine('attach', {
promptPosition: "centerRight",
scroll: false,
binded: false,
onValidationComplete: function(form, status) {
if (status == true) {
} else {
// foo;
}
}
});
<link hre
浏览 5提问于2015-12-15得票数 0
我正在尝试将<a>标记在HTML5中更多地用作容器，因为这个标记现在可以将块元素作为子元素使用，例如：
之前的(有效的XHTML1.1)
<div>
<h3>
<a href="page.html" title="article title">article title</a>
</h3>
<p>
text
</p>
<a href="page.html" title="ar
浏览 5提问于2011-12-05得票数 3
回答已采纳
我正在使用库，我想在我的输入字段中设置一个最小和最大日期。正如在中所解释的，在HTML5中，最小和最大是输入元素的属性。
我使用的JsonSchema非常简单：
{
"title": "Date and time widgets",
"type": "object",
"properties": {
"native": {
"title": "Native",
"type": "object"
浏览 1提问于2018-02-02得票数 1
如果使用Selenium测试我的webapp。webapp中的所有表单验证都是使用HTML5表单验证完成的。有没有办法断言表单/输入验证是否是使用Selenium触发的？
浏览 0提问于2012-02-07得票数 16
3回答
它说它不在HTML4中，尽管我真的看不出它在文本中的位置。据我所知，基于，在HTML5中这样做是可以的，但我不能完全确定(假设样式是一个HTML元素？)
我使用它来轮换出一个样式表，并希望它根据数据规范尽可能有效，所以我想知道是否应该用HTML5 -*元素重写它。
浏览 1提问于2011-09-28得票数 8
回答已采纳
Html5验证只在用户按下提交按钮时查找用户的输入。是否可以在用户输入时验证用户输入？这有可能吗？
例如，只有当用户单击submit时，我才有一个输入“这是验证”。
我想在用户输入时验证
浏览 2提问于2014-02-24得票数 0
回答已采纳
我有一个HTML5表单，它的动作定义如下：
@using (Html.BeginForm("SearchAction", "ResultsController"))
该表单包含两个文本字段：
<input type="text" name="txtSearchTerm" id="txtSearchTerm" class="frontPageInput" placeholder="Begin your search..." required />
<
浏览 0提问于2011-06-10得票数 1
回答已采纳
1回答
我创建了一个基于注释的验证库，名为雷古拉。这个框架似乎引起了一些兴趣，我想做的下一件事就是支持HTML5验证。最初，我想我会检查浏览器是否支持已指定的HTML5验证，并将其模拟或委托给内置的正则对等程序。这对于像required这样的事情来说是微不足道的，但是一旦您开始进行日期验证，它就会变得棘手(日期小部件、本地化等)。所以我面前有几个选择：
完全的HTML5 Shim和小部件(对于日期之类的东西)：我觉得这太过分了，基本上是在重新发明轮子，因为这已经被现代化之类的东西覆盖了。
如果可用(本机或由shim提供的，请使用HTML5验证；否则忽略)：这意味着如果HTML5验证可用(本机或通过sh
浏览 0提问于2012-10-19得票数 2
1回答
我刚刚在注册表单客户端验证中第一次使用了HTML5模式属性。它运行良好，我计划将其用于实时代码。
在我的注册表中，我有一个re-enter password输入字段。
因为我认为重新输入值是经常使用的，所以我想知道:是否存在一些奇特的HTML5机制来检查重新输入的值是否与第一个输入值匹配。或者我仍然需要在JavaScript中这样做？
浏览 0提问于2013-02-28得票数 0
在具有输入类型url的html5中，有效url的默认规则是什么，如果我们还在旁边指定了一个自定义模式属性，类型会覆盖默认的验证规则吗？例如，在下面的行中，pattern属性ovrerride是否会遵循默认规则？
<input type="url" name="website" pattern="https?://.+" title="Include http://">
浏览 7提问于2017-01-07得票数 2
<form action="">
First name: <input type="text" required name="FirstName" value=""><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="Submit"&
浏览 0提问于2016-06-26得票数 2
大多数浏览器似乎允许您创建任何您喜欢的元素标记，并向元素中添加您喜欢的任何属性名。例如：
<!DOCTYPE html>
<html>
<body>
<div my-attribute="has no data- prefix, but seems to behave like an attribute should">
<br/>
<hello-world style="display:block;background:#eee">Hello Everybody</h
浏览 3提问于2013-09-06得票数 40
回答已采纳
2回答
一个真正的的问题
当我浏览Chrome开发工具的元素标签时，一些东西引起了我的注意，并引发了这个问题。
尽管在<img src="/images/spacer.gif" alt=""/>标签上有意义的alt属性是可访问性的必要条件(<img src="/path/to/beauty.png"alt="Olivia赢得2012年美国小姐大赛“/>”)，但我有 ，即“空格”的alt属性或其他“装饰性”图像应该被赋予一个空白值：img
这些问题只是为了装饰图像：
如果我声明alt属性，但不定义它，会发生什么：<
浏览 4提问于2013-01-18得票数 0
回答已采纳
例如，我有一个textfield。此字段为必填字段，只需要数字，值的长度必须为10。当我尝试提交长度为5的值的表单时，默认错误消息出现：Please match the requested format
<input type="text" required="" pattern="[0-9]{10}" value="">
如何更改HTML5表单验证错误默认消息？如果第1点可以完成，那么是否可以创建一些属性文件并在该文件中设置自定义错误消息？
浏览 65提问于2012-04-28得票数 152
回答已采纳
6回答
当涉及到表单验证时，哪种方法是最好的？使用HTML5，您可以验证电子邮件地址和电话号码，但我通常会使用PHP来验证，那么哪种方法更好呢？或者我应该在HTML5和PHP中验证输入？
浏览 2提问于2011-12-08得票数 3
回答已采纳
2回答
JQuery验证拦截所需的属性。
<input type="text" required />
这将迫使客户端对该字段进行验证，这是很棒的。现在，这也是HTML5规范的一部分，并导致支持该规范的浏览器显示验证消息，即使禁用了JavaScript。
在我的应用程序中，我已经构建了服务器端验证，我对此很满意，所以我想停止这种行为。因此，我的问题是，如何禁用此HTML5表单验证？
更新似乎有些混乱，基本上我对JQuery验证解释和验证触发很满意。但是，如果用户禁用了JavaScript，我希望验证返回到我已经编写的服务器端验证。但是，由于JQuery验证和HTML5共享相
浏览 3提问于2013-06-20得票数 5
回答已采纳
当我宣布JS。
var test = $("#test").val();
然后“数字验证”在浏览器端不起作用。
<input type="number" id="test" name="test" required>
是否有机会声明$("#test")并在输入验证中使用HTML5 (如必需的、数字验证等)？否则我就得站在JS一边。
必须声明它才能在稍后的AJAX文章中使用它。
谢谢:)
浏览 5提问于2015-02-06得票数 0
回答已采纳
我在html5中找到了以下代码片段：
<script>
function drag(target, evt) {
evt.dataTransfer.setData("Text", target.id);
}
function drop(target, evt) {
var id = evt.dataTransfer.getData("Text");
target.appendChild(document.getElementById(id));
evt.preve
浏览 0提问于2012-07-27得票数 2
回答已采纳
1回答
如何在structr中验证表单？
当我在“提交”按钮的“编辑模式绑定”选项卡的Action属性中添加"create:MyType“值时，HTML5表单验证停止工作。
我已经验证了删除Action可以使HTML5验证正常进行。
我做错了什么吗？
浏览 1提问于2014-12-02得票数 0
给定以下输入字段：
<input type="text" class="form-control" data-ng-model="selectedUser.userName" data-ng-hide="selectedUser.uuid" required name="userName">
如果用户没有输入值，required标记将使浏览器在提交表单时显示一个漂亮的错误。但是，我想在这个字段上做一些额外的验证:当创建一个新用户时，userName不能已经存在。
使用angular进行实际的验证非常简单
浏览 0提问于2015-01-25得票数 3
我想实现一个HTML5输入模式来验证输入文本是否包含- (字符。在这段文字之前和之后可以有字符。
我该怎么做？
浏览 3提问于2015-07-24得票数 0
回答已采纳
1回答
数据属性语法混乱
、、
我只需要知道这是否是正确的方法。
我正在尝试创建一个锚标记，其中包含一个嵌入的图像，使用一个数据攻击。这将用于确定将在不同媒体查询中显示的内容。
这个语法正确吗？我没有头绪。我使用引导作为我的框架。
<div class ="col-lg-12" data-test="<a href='http://www.army.mil/veterans/' target='_blank'><img id='va_badge' class ='badges img-responsive'
浏览 1提问于2013-11-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
