html 标签属性 加不加双引号

嘿,小伙伴们,今天咱们来聊聊 HTML。说到 Html,各位大概都想到了一大堆标签,像 div、p、img、a之类的。但是,这些标签除了名字不同,还有一大堆的属性,其中最常见的非 id 和 class 莫属了。

但是有一件事情经常让人纠结:标签属性是要加双引号还是不加呢?其实,标签属性加双引号或不加都可以,只是为了让代码更可读性高,建议大家还是加上引号。

以 class 为例,在不加引号的情况下:

```html

```

与加引号的情况下:

```html

```

两者在浏览器中渲染的结果是一样的,但是在代码中,如果你用了复合类名,就会出现很多问题:

```html

```

这里我同时在 div 标签里加了两个属性,class 和一个自定义的 red-border 属性。如果不加引号,样式就不是预期效果:

```css

.example {

border: 1px solid black;

}

[red-border] {

border: 1px solid red;

}

```

这段 CSS 样式的作用是,将 class 为 example 的 div 加上一条黑色实线边框,将加有 red-border 属性的任何元素,都加上一条红色实线边框。但是因为 red-border 属性没有加引号,就会导致样式出现问题,而这个问题在加了引号的情况下就不会出现了。

除了这个问题之外,HTML5 还删除了很多老旧的标签,比如 center、font、tt、spacer 等。这些标签在老版本的 HTML 中确实有很大的作用,但是由于它们的语义都非常不明确,所以在 HTML5 中被废除了。当然,为了兼容旧版本,这些标签仍然可以在 HTML5 中使用。

总之,无论是 HTML 中的标签还是标签属性,加引号是一个好习惯,它能提高代码的可读性,避免出现类似的问题。并且,不要忘记随时关注 HTML5 的更新,避免使用被废除的标签,以保证你的代码是更符合规范和语义化的。 如果你喜欢我们三七知识分享网站的文章, 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔!https://www.ynyuzhu.com/

点赞(13) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部