【问题标题】:Making Tags in HTML [duplicate]在 HTML 中制作标签 [重复]
【发布时间】:2020-08-02 21:44:26
【问题描述】:

我对 html 比较陌生,不知道您不能真正使用“制表符”进行缩进。在我知道如何制作课程之前,我只是在我的 html 代码中输入了这个,它可以正常工作:

<tab style = "text-decoration: underline;"> text goes here </tab>

在这里,选项卡的唯一作用是包含“style = 'text-decoration: underline;' " - 这正是我希望它做的足够幸运。

所以我的问题是如何以及为什么这样做?

我查找了类似这样的其他帖子:Making Custom HTML Tags,但它并不能真正帮助解释我是如何做到这一点的。有什么想法吗?

【问题讨论】:

    标签: html tags


    【解决方案1】:

    为了与将来可能添加到 HTML 中的元素向前兼容,未知元素支持非常基本的默认样式并支持全局属性。

    如果以后添加该名称的元素,它将与您的使用不兼容。

    改为编写有效的语义 HTML。

    【讨论】:

      【解决方案2】:

      补充一下昆汀所说的话:

      我会假设您尝试多次重复使用它?在使用需要多次使用的样式时使用 CSS 类。您可以使用或类似的东西来做您想要完成的事情。内部样式往往会使内容难以阅读并使其不可重复使用。

      如果您询问像 YouTube 这样的网站是如何做到这一点的,他们会使用 JavaScript 框架(如 React 或 Vue)来制作自定义“组件”。除了样式的渲染问题之外,它还会导致您的 HTML 无法通过 HTML5 验证。

      【讨论】:

        【解决方案3】:

        否选项卡不是有效的 HTML 标记,请考虑为此使用 css 样式,例如:

        <p style="text-indent: 5px;">text goes here</p>
        

        text-indent 是一个 CSS 属性,可以很好地...缩进你的文本。这是一个 w3schools 教程

        https://www.w3schools.com/cssref/pr_text_text-indent.asp

        编辑:您能否也分享您的完整代码,以便我们了解发生这种情况的方式和原因,包括您的 CSS

        问候。

        【讨论】:

          猜你喜欢
          • 2019-01-10
          • 1970-01-01
          • 2018-05-07
          • 2017-01-13
          • 2016-11-29
          • 2015-05-14
          • 2023-03-24
          • 2010-10-24
          • 1970-01-01
          相关资源
          最近更新 更多