宁波网站建设中需要使用8个以及避免使用5个HTML标签

日期:2020.11.16 作者: 奕捷网络

并非所有HTML标记都是一样的。今天奕捷网络带大家来了解一下宁波网站建设中需要使用8个以及避免使用5个HTML标签。


引入HTML5规范时,它带来了许多新的语义标记,这些标记赋予HTML标记更多的含义。对于网页设计师而言,这是个好消息,他们不再需要制作<div>标签的样本来构建网站结构。


尽管诸如<header>,<footer>和<nav>之类的基本语义HTML标签是不言自明的,但Web设计人员也需要使用大量的更新HTML标签。在本文中,我们总结了您需要使用的八个基本HTML标记,并说明了如何实现。为了平衡起见,我们还选择了五个标记,这些标记需要放到网络历史记录的范围内。

20200927_ceshi5_52.png

01. <picture> 

所述 <picture> 标记类似于<IMG> ,则 <picture> 元件通过允许多个提供灵活性<source>对于相同的资源,其可以适应基于媒体的查询或图像类型的支撑元件。例如,它可以将WebP图像提供给支持更新的较小文件大小的浏览器。


02. <datalist>

所述<datalist>标签提供了一种用于自动填充接口的<input>元素。每个列表包含一组具有相关值的<option>元素。当使用“ list”属性链接到<input>时,它可以提供一个下拉列表,甚至在用户键入时显示建议。


03. <dl>

此描述列表或<dl>标记元素用作一组已定义术语的容器。在内部,将每个术语(<dt>)和定义(<dd>)组合在一起以形成类似词汇表的结构。虽然默认情况下它应用基本格式,但语义HTML使屏幕阅读器和其他自动工具(例如搜寻器)受益。


04. <details> 

当需要一次显示大量数据(例如问题页面)时,手风琴是一种常见的设计模式。通过在<summary>旁边使用<details>元素,无需JavaScript就可以达到相同的效果。单击摘要将切换其余内容。


05. <dfn> 

复杂的术语或缩写通常需要为不熟悉的术语定义。包装在<dfn>标记中的术语将由其周围的文本定义。这是一个内联元素,旨在用于突出显示人类语言中的定义。


06. <figure>

图形定义为内容的单位,通常出现在文档的主要流程中,但也可以单独解释。所述<figure>元件包装的图像或其他参考内容,并且还可以包括其内容与描述<figcaption> 。


07. <code> 

使用技术写作,从视觉上将计算机代码与句子的其余部分分开可能会很有用。通过将每个匹配项包装在<code>标记中,浏览器可以应用一些默认格式来更适当地显示它。与<pre>组合使用更大的代码块。


08. <time> 

我们可以根据上下文或语言来不同地编写时间值。通过使用<time>标签标记这些值,搜索引擎和其他自动化工具可以快速提取此信息。使用“ datetime”属性以对机器更友好的格式提供特定时间。

20200927_ceshi5_54.png

避免使用5个HTML标签

HTML规范中有许多旧标签仍可以使用,并且仍然可以使用,但是简单的事实是,通常有更好的替代方法。而且,如果有更好的选择,那么您确实需要使用它。 


还有浏览器支持的问题。某些标记将不再在每种浏览器中都受支持,但是在查看页面设计时,这些标记可能不会被注意到。同样,这些需要更换。 


在下面,您将找到五个绝对不应位于任何页面HTML内的标记。如果您在代码中发现其中任何一个,请确保将它们替换为更合适的标签或完全删除。


01. <font>

从历史上看,<font>标记用于设置文本块的样式,现在最好使用CSS定位和设置文本样式。根据高级网络排名,尽管该标签已被弃用多年,但仍有近650万个网站仍在使用该标签。


02. <menuitem>

与<menu>结合使用时,<menuitem>标记将提供在上下文菜单中执行的选项和操作。由于没有太多的浏览器支持,因此现在已将其从规范中删除。


03. <big> 

在<big>标签将一个等级都增加了标签上的文字的大小。它的伴随<small>仍然是有效的HTML,但是现在具有更小的语义含义,涉及小字体。


04. <center>

以前,<center>标记是集中阻止和内联内容的唯一方法,但是现在它已在CSS中由“ text-align:center ”替换,该标记执行相同的工作。


05. <marquee> 

该<marquee> 标签允许标签内的文字在屏幕上移动像一个新闻股票。虽然以前是Web的流行功能,但由于支持基于CSS的动画而被分类为过时的功能。


Tailor made solutions for enterprises

企业量身定做方案

合作专线:15867348620 微信同
邮箱:1047842600@qq.com