几乎没人知道的 5 个 HTML 标签

🤣

大家好，我是Aya Bouchiha，今天，我将谈论几乎没人知道的 5 个 HTML 标签。

<标记>

<mark>标签用于高亮或标记文本的某一部分。此标签支持所有 HTML 全局属性，默认颜色为黑色，背景色为黄色。

<!DOCTYPE html>
<html>
    <head> </head>
    <body>
        <p>
            in this paragraph, there is a text
            <!-- 
                by default => (
                    color: black;                
                    background-color: yellow;
                )
             -->
            <mark>highlighted</mark>
        </p>
    </body>
</html>

输出：

您可以像这样更改黄色：

<mark style="background-color:green">highlighted</mark>

输出：

<地址>

<address>是一个显示文档或文章作者的联系信息（如电子邮件和电话号码）的标签，此外，它支持所有 Html 全局属性。

<!DOCTYPE html>
<html>
    <head> </head>
    <body>
        <address>
            Posted by
            <a href="https://t.me/AyaBouchiha"> Aya Bouchiha </a>
            <br />
            Email Address:
            <a href="mailto:developer.aya.b@gmail.com">
                developer.aya.b@gmail.com
            </a>
            <br />
            Phone Number:
            <a href="tel:+212600000000">+212600000000 </a>
            <br />
            Morocco, Azemmour
        </address>
    </body>
</html>

输出：

<无脚本>

<noscript>：此标签可以位于 head 标签或 body 标签内，如果脚本类型不受支持或浏览器禁用了脚本功能，则会显示替代 HTML 内容。否则，此标签将不会显示替代 HTML。但需要注意的是，<noscript> 标签有时会影响 SEO，因为您网站的每个页面上都写着相同的语句……解决方案及更多详情。

<!DOCTYPE html>
<html>
    <body>
        <script>
            alert("javascript is supported in your browser :)");
        </script>
        <noscript> Javascript is not supported in your browser :( </noscript>
    </body>
</html>

输出：

<时间>

<time>：表示特定的时间段。它可以包含 datetime 属性，用于将日期转换为机器可读的格式，从而获得更好的搜索引擎结果或自定义功能（例如提醒）。（支持所有全局 HTML 属性）更多详情...

<html>
    <head></head>
    <body>
        <p>
            The next meeting will be held on 
            <time datetime="2021-11-25">
                Nov 25
            </time>
            in Rabat
        </p>
    </body>
</html>

输出：

<变量>

<var>：支持所有 HTML 全局属性，表示数学变量的名称，例如x、y，默认其文本内容为斜体。

<html>
    <head></head>
    <body>
        <div>
            <!--
                by default (
                    var {
                        font-style: italic;
                    }
                )
            -->
            <p>Ex:1 solve this equation:</p>
            <var>4x</var> + <var>2y</var> = 12
        </div>
    </body>
</html>

输出：

概括

<mark>：用于突出显示文本。

<address>：用于显示联系信息。

<noscript>：如果浏览器不支持脚本，则显示替代 HTML 内容。

<time>：代表特定的时间段。

<var>：用于指示数学变量，如 x 和 y。

编码愉快！
#day_32

文章来源：https://dev.to/ayabouchiha/5-html-tags-that-almost-nobody-knows-5p5