嘿,小伙伴们,今天咱们来聊聊 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/
发表评论 取消回复