源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 436|回复: 23

[HTML/Xhtml] HTML中相似的标签和属性的区别详解

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2016-8-17 11:04:25 | 显示全部楼层 |阅读模式
本文大概给大家带来了9种HTML中相似的标签和属性的区别,介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看下吧

【1】<i></i> 和 <em></em>标签

相同:都是表示斜体。

区别:

(1)<em>表示被强调呈现的内容,<i>是物理上的斜体,没有内容上的意义。

(2)<em>标签是“含有语义”的标签,搜索引擎会了解这些语义。其在HTML中是特意被设定为表示“强调”的意思。当发现这些表示“强调”的标签时,一些屏幕阅读器可能使用不同的inflection,更利于SEO。

【2】<br/> 和 <p> 标签

相同:都有换行的属性。

区别:<br/>单独使用;执行小换行。

   <p></p>成对使用;执行段落之间大换行。

【3】<strong> 和 <b> 标签

<strong>是逻辑标签,加强字符的语气,表示强调。也可通过css来改变strong的具体表现。

<b>是实体标签,表示加粗.

为了符合现在W3C的标准,推荐使用strong标签。

【4】<span> 和 <div> 标签

相同:容器标记而被广泛应用在html语言中 如果把“<div>”换成"<span>",执行后会发现效果完全一样。两者都是起到独立出各块区块的作用。

区别:<span>是 行类元素 在它的前后不会换行;

而<div>是块级元素 他包围的元素会自动换行。一个div占一行。

【5】valign 和 align 属性

valign:代表行的垂直对齐方式【上top  中center/mmiddle  下bottom】

align:代表水平方向的对其【左left  中center/middle  右right】

【6】center 和 middle 属性

align=middle 一般是图片居中

align=center 一般是文字居中

效果相同时可以通用

通常使用center,middle在IE中可能不起作用

【7】<button> 和 <input type="button">

<button>提供了更为强大的功能和更丰富的内容.

<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。

唯一禁止使用的元素是图像映射。

请始终为按钮规定 type 属性。

Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。

【8】text-align:center 和 <center>

<center> 不仅影响文本,还会把整个元素居中。

text-align 不会控制元素的对齐,而只影响内部内容。

元素本身不会从一段移到另一端,只是其中的文本受影响。

【9】letter-spacing 和 word-spacing

letter-spacing 是指字母的间隔;

word-spacing 是指单词间隔。

中文一般是letter-spacing控制字符间距

 word-spacing对中文不起作用

回复

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-9-10 11:11:48 | 显示全部楼层
66666666666
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

381

积分

中级会员

Rank: 3Rank: 3

积分
381
发表于 2022-10-20 16:47:18 | 显示全部楼层
啊啊啊啊啊啊啊啊啊啊啊啊啊啊
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-1-21 22:04:59 | 显示全部楼层
为全额万千瓦
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

207

积分

中级会员

Rank: 3Rank: 3

积分
207
发表于 2023-1-23 03:31:11 | 显示全部楼层
灌灌灌灌水
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

67

积分

注册会员

Rank: 2

积分
67
发表于 2023-4-14 01:38:37 | 显示全部楼层
的沙发水电费水电费
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

307

积分

中级会员

Rank: 3Rank: 3

积分
307
发表于 2023-5-27 03:19:20 | 显示全部楼层
hi哦回复iOS就看见
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

68

积分

注册会员

Rank: 2

积分
68
发表于 2023-9-15 11:19:26 | 显示全部楼层
哟哟哟哟哟以偶
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

380

积分

中级会员

Rank: 3Rank: 3

积分
380
发表于 2023-11-8 07:02:22 | 显示全部楼层
这个源码还可以
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

182

积分

注册会员

Rank: 2

积分
182
发表于 2024-3-23 07:15:07 | 显示全部楼层
老大你好你好好你好
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-12-3 00:48 , Processed in 0.068225 second(s), 24 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表