我可以在SVG元素中使用alt和title属性吗?

时间:2015-10-24 10:36:32

标签: html5 svg tags title alt

要使我的内联SVG图像更易于谷歌搜索,您可以在svg元素中添加alt / title属性/属性,例如" path" "圆" "线"等?

我已经知道你可以在" svg"中使用标题标签。标签,像这样..

<svg>
<title>this is a title tag.</title>
</svg>

以下是我所谈论的一个例子。

<svg version="1.1" id="Layer_1">
    <style type="text/css">

    .st0{fill:none;stroke:#000000;stroke-width:5;stroke-linecap:round;stroke-miterlimit:10;}
</style>

<path class="st0" title=“this is what I am talking about” d="M567,1136.2l37,10.9c13.3,3.9,27.2,3.1,39.9-2.4l0.6-0.3"/>

<line id="hi2" class="st5" alt=“This is what I am Talking About” x1="72" y1="-169.7" x2="108" y2="-169.7"/>
</svg>

2 个答案:

答案 0 :(得分:6)

据我所知,alt文本不能用于SVG。您使用<title>代码是正确的,但您也可以添加<desc>以添加更多信息。

请在此处查看此答案:https://stackoverflow.com/a/4756461/3909886,以便更详细地了解此问题。

答案 1 :(得分:1)

title作为属性在SVG中没有意义,它在问题中指出的等同于public abstract class Filter<T> { public abstract boolean passes(T object); public Iterator<T> filter(Iterator<T> iterator) { return new FilterIterator(iterator); } public Iterable<T> filter(Iterable<T> iterable) { return new Iterable<T>() { public Iterator<T> iterator() { return filter(iterable.iterator()); } }; } private class FilterIterator implements Iterator<T> { private Iterator<T> iterator; private T next; private FilterIterator(Iterator<T> iterator) { this.iterator = iterator; toNext(); } public boolean hasNext() { return next != null; } public T next() { if (next == null) throw new NoSuchElementException(); T returnValue = next; toNext(); return returnValue; } public void remove() { throw new UnsupportedOperationException(); } private void toNext() { next = null; while (iterator.hasNext()) { T item = iterator.next(); if (item != null && passes(item)) { next = item; break; } } } } } 元素。

alt作为属性也没有意义,SVG等价物是<desc> element