html - CSS3 和 HTML 的隐藏特性/属性/属性/标签

标签 html css

<分区>

在 CSS 和 HTML 世界中,总有一些功能(属性/属性/标签)在边缘场景中很有用,但正是因为这个原因,大多数人并不了解它们。我要求的是有关 CSS、CSS3 和 HTML5 的教科书通常不会教授的功能。

你认识哪些?

[更新] 哪些浏览器采用了HTML标签和CSS3元素?我可以在我的业务中使用这项新技术 (HTML5) 吗?

最佳答案

对我来说,大多数人没有发现的 HTML 和 CSS 领域是广泛的国际化支持,HTML 元素如 <ruby> , 属性如 hreflang=""和 CSS,如 {list-style-type: cjk-ideographic;} .诚然,虽然我已经使用了所有这些,但绝大多数人永远不需要。

为了回答您的第二个(糟糕,已更新)问题,浏览器正在以不同的速率实现 HTML5 和 CSS3 规范的不同部分。一般 Webkit 浏览器(Safari、Mobile Safari、Crome)和 FireFox 实现速度最快,Opera 做得很好,而 Internet Explorer 在 Angular 落里喝醉了。 @Kobi 的回答有一些链接指向浏览器支持什么。

关于您何时可以依赖商业网站的这些新规范,这完全取决于您的用户和他们使用的浏览器。如果您的网站是针对 iPhone 用户的,那么您已经可以使用很多了。然而,这并不是思考问题的最佳方式。大多数已实现的 CSS3 属性,例如圆 Angular 、阴影和 CSS 渐变,实际上可以很好地降级,因此您现在可以使用它们来奖励使用良好浏览器的用户。这个想法被称为渐进增强。

至于 HTML5,它有 90% 的 HTML4 定义了错误处理,因此更改为 HTML5 就像更改文档类型一样简单——无需进行其他更改。如果你不使用新的语义元素,那么 IE 对 HTML5 没有问题。 HTML5 文档类型的好处是有更好的引用规范、两个具有更多信息错误消息的验证器(我认为 @Marius 意味着 HTML5 forms 验证),以及使用 ARIA Angular 色的能力。我在 changing from HTML4/XHTML1 to HTML5 上写了一篇文章,并说明这样做的好处。

HTH

关于html - CSS3 和 HTML 的隐藏特性/属性/属性/标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1672050/

相关文章:

jquery - 选项卡未聚焦于链接

html - rails form_for 样式

html - Dhtml 菜单导航问题

html - 在 SVG 中居中图像

html - 如果网站滚动则隐藏页脚,如果不滚动则显示它

html - 如何在 flexbox 布局中每行显示 4 个 div?

javascript - 如何在不在 HTML 中对元素进行硬编码的情况下向元素添加属性?

javascript - 使用字典数据对 AngularJS ng-repeat 进行排序

html - CSS 调用样式

html - 在行的背景图像上重叠列