之前找了很久才找到了,传上来更大家共享下,希望对大家有帮助,欢迎下载或者永久保存。
本文件为kaggle中的信用评分数据,如不方便在kaggle上下载的,可在这里下载。
文件:n459.com/file/25127180-478845139
以下内容无关:
-------------------------------------------分割线---------------------------------------------
如果你的 HTML 里全是 div,那就要小心了
做前端开发的同学都知道,一个网页的基本组成部分是 HTML,JavaScript 和 CSS。开发人员通常更关注 JavaScript 和 CSS ,实践着各种语言规范和设计模式。对于 HTML 的关注度则明显偏少,只要能做出设计师画的界面就万事大吉了,不怎么去关心 HTML 是不是规范合理。于是下面的情况随处可见:
按钮用的是可点击的
标题用的是
,
等等)
相应的文本标签用的是
而不是
,而不是
看到没?一招
走天下!这样有没有问题?好像也没什么大问题,毕竟页面看起来符合设计,也能正常交互。但是你想过没有,如果
能解决一切,为什么还需要其余几十上百种标签呢?这就要说到 HTML 的语义化了。
看到没?一招
什么是语义化
语义化就是说,HTML 元素具有相应的含义。它用于描述元素的内容或者跟其他元素的关系。在 HTML 里,除了
标签名的表义程度也是不一样的,比如
为了进一步说明语义化的重要性,下面用标题和按钮元素来举例。
标题元素
是页面的标题,加上下方的
就形成了页面的层级结构。
当你的 HTML 里全是 div,那你就要小心了
什么是语义化
标题元素
在很多富文本编辑器中,使用合适的标题结构,可以自动生成内容目录。比如本文的目录结构就是这样:: 当你的 HTML 里全是 div,那你就要小心了
: 什么是语义化
: 标题元素
: 按钮
: 非语义化元素
: 总结 可以看到,HTML 本身就传达了整篇文章的结构信息。相反,如果全部都用
,就变成这样了:
按钮
按钮的作用是提交表单或者改变某个元素的状态。从定义上看,按钮具备以下特征:
可获得焦点
可通过敲击空格键或者回车键激活
可通过鼠标点击激活
当你用
focus 状态
键盘交互
鼠标交互
不止如此,当屏幕阅读器碰到提交这个元素,它会识别出语义,告诉用户这是个提交按钮。如果只是个
当我们使用语义化的 HTML 元素后,就给内容赋予了含义,内容也就有了生命。
非语义化元素
前面提到过,
Inline elements
如果实在找不到对应的 HTML 元素来表示内容,那就可以用总体原则是,尽量优先使用对应的语义化元素表示内容。退而求其次,使用含义没那么明确的标签。最后才考虑用
总结
虽然使用语义化的 HTML 元素并不会给你的项目带来明显的收益,但我还是建议你这么做。至少,语义化的 HTML 页面能带来更好的 SEO 排名、对屏幕阅读器更友好、代码可读性更高。如果你是个有追求的 Coder,相信你会认同我的看法。