代码之家  ›  专栏  ›  技术社区  ›  Rounin

如何给SVG文档一个标题,它的工作方式与HTML文档的<head>中的<title>元素相同?

  •  0
  • Rounin  · 技术社区  · 5 年前

    在HTML文档中 <head> ,的 <title>

    类似地,我如何给SVG文档一个顶层标题,它实现了与HTML相同的元数据功能 <标题> 并由浏览器显示并被用户代理理解?

    1 回复  |  直到 5 年前
        1
  •  0
  •   Rounin    5 年前

    我找不到任何验证这一点的web文章/教程,但是,据我所知,添加了一个 元标题 到一个 完全是直截了当的。

    就在洞口下面 <svg> 元素添加SVG <title> 元素。

    就这样。

    <标题> 在SVG中比在HTML中使用得多,但它是一个非嵌套的 <标题> 因为放置在SVG文档开头的第一个元素将作为 元标题 整个SVG文档的。

    <svg xmlns="http://www.w3.org/2000/svg"
         xmlns:xlink="http://www.w3.org/1999/xlink"
         viewBox="0 0 1200 1200">
    
    <title>My SVG Document Title Here</title>
    <!-- ^^^ SVG Title goes here at the start of the SVG -->
    
    <defs>
    
      [... SVG DOCUMENT CONTINUES...]