草庐IT

title-article

全部标签

html - "Click here to read this article""Read More"为什么这些对屏幕阅读器不利?

我在段落末尾使用“阅读更多”只是为了提醒像P.T.O一样的用户为什么会有问题? 最佳答案 您必须明白,许多屏幕阅读器用户不会等到整个页面都读给他们听。他们使用键盘快捷键在页面中导航。JAWS(可以说是最常见的屏幕阅读器)有几个非常有用的快捷键组合。特别是在任何给定页面上拉出所有超链接的列表。这样,用户无需等待读者到达他们感兴趣的页面部分,然后再找出页面包含的链接类型。他们只需使用快捷方式即可按需一次性获得所有链接列表。当您使用链接列表快捷方式时,您的“阅读更多”链接就完全没用了。当查看页面上所有链接的巨大列表时,用户只需阅读标签内的

html - 如何将样式应用于 'title' 标签的 'td' 属性

我有以下代码,想自定义'title'属性的样式。有什么办法吗。提前致谢。test 最佳答案 这在很多年前可能是不可能的-但现在是的,您可以设置Title属性的样式,请参阅here.这应该适用于IE7+、Safari3+、Firefox2.0+。可能需要一些自定义样式和定位来适应您自己的设计。为了确保此链接不会失效,本文中建议的用于设置title属性样式的代码是:div:before{content:attr(title);display:none;}div:hover::before{width:200px;display:bloc

HTML5 语义 : Where does the main content title belong?

每次创建HTML5页面时,我都会为将主页标题放在哪里而苦恼。每个人都以不同的方式处理这个问题......情况是这样的:假设我有一个名为“Meo的前端冒险”的网站。在这个站点上有一个名为“AbracadabraSemantics”的页面,其副标题并不重要,例如“loremipsumdelor”网站顶部还有一个导航、一个页脚和一些内容。在HTML4.0中我会这样做:-div.header+div.nav+a.siteName:"Meo'sfrontendadventures"-div.contents+h1.pageTitle:"AbracadabraSemantics"+strong.l

html - 使用 CSS 样式化 HTML Title 属性

我正在尝试为的标题属性设置样式使用CSS。所以这就是我所做的:input[type="text"][title]{font-style:italic;color:gray;}它工作正常,但是当我在字段中输入数据时,数据是灰色和斜体的。我希望数据(值)是正常的和黑色的,只有标题是斜体和灰色的。有什么想法吗? 最佳答案 您可以使用CSS3执行自定义解决方案。看看HowtochangethestyleofTitleattributeinsidetheanchortag?.但我可能会建议您使用自定义字段,例如“数据标题”,这样浏览器的默认行

php - Facebook Open Graph,未提供类型为 'og:title' 的必需属性 'string'

我有一个Joomla页面(v3.2.4),我在其中使用PHP放入了一些动态开放图谱标签,如下所示:PHP,在标签之前:$getcid=JRequest::getVar('id');if(!isset($getcid)){$title="LIVAKurser";$description="Danmarksstørsteudbyderafkursertilsåveloffentligeogerhvervsamtprivate.";$image="http://www.livakursertestsite.dk/images/liva-logo.jpg";$type="website";}e

javascript - 不能在 title 属性中使用 HTML 实体吗?

以上截图来自Firefox。光标悬停在图像左侧的黄色点上。这是一个元素(实际上它是一个图像和一个包含单个圆形元素的图像映射,但我认为这种区别并不重要)已在JavaScript中创建和设置样式,包括应用title属性(通过切割和构建)粘合字符串)。我怎样才能让它表现出来并显示预期的字符,一个破折号,而不是–?它适用于innerHTML(左上角的文本“Barrow-In-Furness”是一个div,它也是使用JavaScript及其innerHTML集创建的。)编辑:回应Domenic的问题:这是构建和应用title属性的JavaScript函数(除了执行其他工作之外):va

javascript - Title 属性中的 Angular-Translate 变量替换

我正在使用Angular-Translate2.6.1开发AngularJS应用程序。我有一个带有title属性的跨度将被翻译,但它也需要显示一个变量。...我尝试用{{Value}}替换“Value”,带引号和不带引号。值在范围内定义,我可以在过滤器外使用{{Value}}访问它。到目前为止,我在Angular-Translate中使用变量替换的唯一幸运是使用了translate指令(例如...),但这似乎不是一个选项。是否可以在这样的过滤器中进行变量替换,或者我是否需要寻找其他解决方案?编辑:为了便于阅读,这里是解决方案:... 最佳答案

html - <sections> 应该有 <articles> 还是 <articles> 应该有 <sections>?

我正在阅读MarkPilgirm的“DiveintoHTML5”和semanticssection,它讨论了HTML5如何引入和元素。它说s代表通用文档或部分,而s代表一个独立的组合。无论哪种方式,我都看不到逻辑上语义上的父子关系。我尝试通过HTML5Outliner运行以下代码并且它似乎表明无论它们如何嵌套,文档大纲都是一样的。所以我的问题是:应该嵌套在中s,应该嵌套在中s,还是从语义的角度来看无关紧要?sectionarticle?art1art2art3articlesection?sec1sec2sec3 最佳答案 以任何一

html - 使用 grunt js,如何将 &lt;title&gt; 动态添加到静态 html 文件?

更具体地说,我想通过引用外部JSON文件来添加标题,我们称它为titles.json。我使用grunt的其中一件事是构建用于设计和调试的静态HTML文件。这在开发过程中非常有用,不仅对标题而且对其他潜在数据也是如此,例如设置事件导航链接。我目前正在使用此处接受的答案所描述的过程连接HTML文件:Usinggruntconcat,howwouldIautomatetheconcatenationofthesamefiletomanyotherfiles?编辑:我现在使用assemble为此,创建它是为了使使用模板和外部数据变得非常容易。 最佳答案

html - <abbr/>-元素: aria-label or title attribute

虽然建议使用title上的属性元素,这对屏幕阅读器没有影响(至少对chromevox没有影响)。ASAP有效的当然是aria-label例如:ASAP因此,为了既语义正确又兼容屏幕阅读器,我需要同时标记:ASAP这看起来有点乱。为什么chromevox不直接读取标题属性? 最佳答案 简而言之:尽管有WCAG建议,abbr不是向所有人解释缩写含义的完美解决方案,aria-label当你想宣布缩写的发音时应该使用。屏幕阅读器不应该阅读title属性,因为它无意取代aria-label.另见W3警告:http://www.w3.org/T