天涯论坛

 找回密码
 立即注册
搜索
查看: 20|回复: 2

哪些不举荐运用的html标签

[复制链接]

3043

主题

2万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96065868
发表于 2024-10-3 10:58:50 | 显示全部楼层 |阅读模式

acronym

首字母缩写,例如WWW

类似的有abbr标签,暗示单词缩写,例如inc.。语法如下:

<acronym title="World Wide Web">WWW</acronym> <abbr title="incorporated">inc.</abbr>

举荐用abbr,不要用acronym(忽略上面说到的语义上的差异)

applet

Java小应用程序,重点供给绘图功能(在页面上经过代码绘制有些东西),例如:

<applet code="ShowImage.class" width=600 height=400 archive="Imagetest.jar"></applet>

日前几乎没什么用了,由于运行需要JRE,而日前主流浏览器并不默认安装JRE

举荐运用canvas绘图,用object+embed嵌入flash代替applet

重视运用object+embed是为了更好的兼容性,倘若场景准许举荐运用object

basefont

basefont标签定义基准字体。该标签能够为文档中的所有文本定义默认字体颜色、字体体积和字体系列,例如:

<basefont color="red" size="5" face="Arial" />

basefont标签仅有[IE9-]支持

举荐直接给body元素定义默认字体,所有子元素都会继承这些属性值

bgsound

用来添加背景音乐,例如:

<bgsound src="your.mid" autostart="true" loop="infinite">

举荐运用audioobject+embed来代替,例如:

<embed src="your.mid" autostart="true" loop="true" hidden="true">

big

用来放大字体,放大一号(嵌套多层能够放大更加多),不支持的浏览器表示粗体,例如:

<big>大1号</big><big><big>大2号</big></big>

至于“号”是怎么定义的就别管了,不举荐运用意见按照语义采用em、strong自定义样式类代替

blink

能够实现闪烁效果,例如:

<blink>Why would somebody use this?</blink>

支持性很差,不举荐运用一样举荐运用(各大浏览器支持blink值,但任何效果):

<p style="text-decoration: blink">This should be avoided as well.</p>

意见采用animation代替

center

使内容居中,例如:

<center>文本及子元素会居中</center>

效果类似于CSS:

text-align: center;

意见运用,确实任何理由去用

dir

目录列表,例如:

<dir>    <li>html</li>    <li>xhtml</li>    <li>css</li> </dir>

效果和ul基本相同,浏览器默认样式下列表项的左边距有细微差异

举荐运用意见按照语义采用ul、oldl

font

用来定义字体、字号和颜色,例如:

<font face="verdana" color="green" size="3">This is some text!</font>

属性值和basefont同样

举荐运用意见用CSS代替,没理由用这个标签

frame

协同frameset分栏,例如:

<!DOCTYPE html> <html> <frameset cols="25%,*,25%">  <frame src="frame_a.htm">  <frame src="frame_b.htm">  <frame src="frame_c.htm"> </frameset> </html>

重视:用frameset替换掉body

繁杂的后台页面会用到frameset+frame布局,当然能够采用float/flex+Ajax实现,按照详细场景来定

frameset

见frame

hgroup

给一系列标题分组,例如:

<hgroup>   <h1>The reality dysfunction</h1>   <h2>Space is not the only void</h2> </hgroup>

虽然供给了一点语义,但由于已然过时,因此举荐运用

意见采用header代替,例如:

<header>   <h1>The reality dysfunction</h1>   <p class="subheading">Space is not the only void</p> </header>

isindex

单行文本控件,初始表示prompt值,例如:

<isindex prompt="string" />

日前支持性很差,不举荐运用意见用input元素代替

W3C意见千万不要用:

No, really, don’t use it. This element is deprecated. It is not implemented anymore.

引自W3C wiki

详细用法能够参考http://reference.sitepoint.com/html/isindex(很难找,放在这儿

listing

不消管它是什么,微软都不意见运用了:

This element is obsolete and should no longer be used. Use HTMLPreElement, code or CSS instead. Renders text in a fixed-width font.

引自MSDN listing element | listing object

marquee

滚动字幕,效果很强大,例如:

<marquee style="height: 104px; width: 22.35%; margin: 10px 20px; bac公斤round-color: rgb(204, 255, 255);" bgcolor="#ccffff" vspace="10" direction="up" height="104" width="22.35%" loop="3" scrollamount="1" scrolldelay="10" hspace="20"> <p align="center"><font color="#000000">此处输入滚动内容</font></p></marquee> <marquee>这儿是输入文字的地区,还能够照片代码、Flash动画代码和gif动态小图代码。</marquee>

更加多效果能够参考移动标签(marquee)属性详解

多用来实现公告,虽然已然过时了,但效果确实很强大,况且支持性良好

multicol

用来实现多列布局,不意见运用,任何主流浏览器都不曾支持过

The HTMLelement was an experimental element designed to allow multi-column layouts. It never got any significant traction and is not implemented in any major browsers.

引自MDN multicol

nextid

功效未知,支持性未知,不意见运用

nobr

禁止换行,例如:

<p>Our telephone number is <nobr>0800 123 123 123</nobr>.</p>

举荐运用意见用CSS代替:

white-space: nowrap;

noembed

在浏览器不支持embed时,表示内容,类似于noscript,例如:

<noembed> <img src="/images/inflate.jpg" alt="Inflate the tyre by holding the pump at 90 degree angle to the valve"> <p>You can inflate the tyre by holding the pump at 90 degree angle to the valve, as shown in the image above.</p> </noembed>

举荐运用倘若需要思虑兼容性的话,意见采用object+embed+noembed(embed/noembed做为object的fallback)

noframes

在浏览器不支持frameset+frame时,表示内容,类似于noscript,例如:

<html> <frameset cols="25%,50%,25%">  <frame src="frame_a.htm">  <frame src="frame_b.htm">  <frame src="frame_c.htm">  <noframes>Sorry, your browser does not handle frames!</noframes> </frameset> </html>

noframe标签中能够包括任何能够出此刻body中的标签

倘若需要思虑兼容性的话,能够做为frame的fallback,意见采用float/flex+Ajax实现,按照详细场景来定

plaintext

忽略内容中的html标签,功效类似于pre,例如:

<p>The markup for this is:</p> <plaintext>    <h1>Main heading goes here</h1>    <p>First paragraph goes here</p>    <h2>Sub-heading goes here</h2> </plaintext>. </body> </html>

举荐运用意见按照语义用precode代替

spacer

插进空白(white spaces),例如:

<span>Just a text node</span> <spacer type="horizontal" size="10"></spacer> <span>Just another text node</span> <spacer type="block" width="10" height="10"></spacer>

主流浏览器都不支持,不举荐运用

strike

删除线,效果类似于del和s,例如:

<p>Version 2.0 is <strike>not yet available!</strike> now available!</p>

举荐运用意见用del代替

tt

键盘输入(teletype),例如:

<p><tt>Teletype text</tt></p>

举荐运用意见按照语义用kbd(键盘按键)、var(变量)、code(代码)、samp(样例输出)CSS代替

xmp

80列的样例输出,样式效果类似于pre,语义类似于samp,例如:

<xmp> Stock ID  Description       Price    Quantity in Stock --------  -----------       -----    ----------------- 116      Inflatable Armchair  21.50    13 119      Walkie Talkie       40.20    44 </xmp>

日前浏览器支持该标签,但不限制80列

举荐运用意见采用samp代替

via:http://www.ayqy.net/blog/不举荐运用的html标签/





上一篇:EMLOG 文案采集插件:加强工作效率的得力助手,功能强大值得信赖
下一篇:能用 CSS 能播放声音吗?[每日前端夜话0xF1]
回复

使用道具 举报

2992

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109210
发表于 2024-10-14 17:13:08 | 显示全部楼层
百度seo优化论坛 http://www.fok120.com/
回复

使用道具 举报

2943

主题

2万

回帖

9997万

积分

论坛元老

Rank: 8Rank: 8

积分
99979439
发表于 2024-11-11 03:09:03 | 显示全部楼层
论坛外链网  http://www.fok120.com/
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 13:37 , Processed in 0.117433 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.