那些被弃用的HTML元素

随着互联网的发展,许多新技术替代旧技术层出不穷,为何不同意使用某些HTML元素或者说为何弃用某些HTML元素?

随着互联网的发展,许多新技术替代旧技术层出不尽,咱们也司空见惯;在互联网技术中,经常会看见“淘汰、弃用、不同意使用、建议”等等关键词字眼。每每咱们也是只管使用,不多关注其为什么被弃用。html

HTML那些被废弃的元素

HTML那些被废弃的元素前端

固然HTML做为最基础的文本标记语言也是如此,也会随发展变化而变化。对于web前端开发工做人员来讲,应该多多少少能够感触到。即使是咱们如今所用的Web前端一些流行的框架也是如此。html5

从技术角度而言,不建议使用旧技术,一般状况下,出于其兼容性考虑,部分功能目前依然可正常运做。也就是说,技术上仍然可以使用旧的方式处理,也可正常工做,但不建议这样继续下去,尽可能迎合新技术与其同步发展。web

随着发展变化,正如咱们目前所谓的先后端分离,模板程序分离,程序内部模块分离等等都是一个道理,目的各行其事,各个模块专攻本身的任务,不论在问题点上、执行效率或管理上都有一个明确的执行模式。后端

那么,HTML也是同样,它属于一种文本标记语言,它该执行的任务就是在人和机器阅读时可以给出最优展现结果,而样式渲染则由CSS负责。网络

为何不使用部分HTML元素或属性,其缘由无外乎如下几点。app

一、避免重复性定义。框架

二、可读性与其可管理性。前后端分离

三、人员精准分配。布局

四、响应速度与设备的可适应性。

曾经咱们常见的HTML内容,如:

<center><font face="verdana" color="#2400D3">This is some text!</font></center>

咱们能够看出两个元素centerfont及其font属性facecolor,字面上咱们能够看出对其所包括的文本进行水平居中且定义其字体与颜色。

这里它却起到了一个样式渲染的工做,看似挺方便,如上所言,实则不妥...

因而,HTML5 不支持 <center> 标签。建议使用 CSS 将其代替。

不被推荐使用的HTML元素,还有哪些?

  • <acronym>(<abbr>改成使用)
  • <applet>(使用<object>)
  • <basefont>(使用CSS字体属性,如font-size,font-family等)
  • <big>(使用CSS font-size)
  • <center>(使用CSS text-align)
  • <dir>(使用<ul>)
  • <font> (使用CSS字体属性)
  • <frame>(使用<iframe>)
  • <frameset> (再也不须要)
  • <isindex> (再也不须要)
  • <noframes> (再也不须要)
  • <s>(text-decoration: line-through在CSS中使用)
  • <strike>(text-decoration: line-through在CSS中使用)
  • <tt>(使用
  • <marquee> 曾经用它来插入一段滚动的文字(已过期)

更多信息你们能够参阅这里

为何不建议使用表格进行布局?

记得上学时咱们接触Web网页设计与制做看到的就是表格<table>布局,也是经常使用的布局方式,基础布局的确方便,但灵活性很是糟糕;如今更多运用在数据展现上,不多使用其布局页面。因此界面布局,特别是前台界面,尽可能避免使用。如同:

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

看起来也挺方便明了,咱们能够定义“页眉/页脚/标题”等等。

实则:

灵活性太差,渲染速度太慢,不适合移动端布局以及搜索引擎对内容的抓取。

固然,并不是它一无可取,咱们在后台数据信息展现、统计或不必机器抓取的数据能够充分利用。

为何部分元素依然保留?

综上而言,有些人可能会想到其余元素

如:<b><i>

<b>标签咱们实际应用中知道其有加粗效果,用户体验上是为了引发用户的注意,无语义。与之类似的元素就是<strong>,它具备强调的意义,同时可对搜索引擎增长权重。

<i>标签页是无语义,斜体显示文本。与之类似的是<em>,做用同上。

所以呢,对于咱们Web端开发人员而言,我的建议仍是要“与时俱进”,遵循“当前建议”,便于之后更好地迎合新的网络环境!

相关文章
相关标签/搜索