javascript - 短 html/css 语法 : <div a b c></div> - any reasons why not?

标签 javascript css html

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 7 年前

我想讨论在符合标准的语法和语义不那么重要的情况下我目前喜欢编写 html 的方式,例如在 phonegap 应用程序中(我的原则是:如果它适用于所有设备就可以)

我通过以下方式使我的 html 尽可能短:

<i x y z="0"><b a b c></b></i>

使用 CSS:

[x]{something}
[y]{something}
[z="0"]{...}
...

所以这不是普通的类语法,我喜欢这种语法。

我的优点:

  • 它很短,需要更少的时间来输入代码
  • 结合 javascript,它可以很好地切换属性值,然后根据值设置样式
  • 我猜机器处理 html 的速度更快,因为它更短,但我不确定 css,也许 css 类的处理速度比自定义属性快得多? <请评论
  • 还没有发现它不起作用的情况

我想知道从性能/技术 Angular 来看是否有充分的理由不这样做。但不是从“代码必须可读”的 Angular 来看。

最佳答案

HTML 规范没有说明浏览器在遇到无效属性时应该做什么。在最坏的情况下,唯一会发生的事情是您的代码将无法通过验证。

I guess the html is faster to process by the machine because it's shorter

不符合规范/解析器的代码几乎总是比不符合规范的代码慢。这是因为浏览器开发人员必须为不一致的代码编写特殊处理,因为 HTML 旨在从一开始就一直向后兼容。说“它更快”是因为您削减了属性名称上的几个字节是没有根据的说法,并且肯定会让您在代码审查中大笑。

关于javascript - 短 html/css 语法 : <div a b c></div> - any reasons why not?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37361190/

上一篇:css - FullCalendar:通过 'addEventSource' 为一整天添加背景色,而不是为事件单独添加

下一篇:html - 背景图像不显示完整图像

相关文章:

javascript - jQuery 在选项卡中打开 PDF - 正在打开其他选项卡

css - 悬停时 Bootstrap 按钮内的空间

javascript - 谷歌图表 : Chart within tooltip not displaying

c# - 如何遍历 div 以重置链接的委托(delegate)?

javascript - jQuery onclick ul li i 并显示子 ul(如果存在)

javascript - 使用 Typescript 自定义光标

javascript - 从使用 Angular 的站点上抓取数据时,如何访问元素的 ng-model?

jquery - 导航下方/后方的 Bootstrap 内容

javascript - D3.geo.bounds 不返回边界框?

python - 我需要一些帮助来使用 HTML 中的 CSS 或 Xpath 识别按钮