html中相似的标签、属性的区别

WBOY
发布: 2016-08-18 08:58:00
原创
1235 人浏览过

【1】标签

相同:都是表示斜体。

区别: (1)表示被强调呈现的内容,是物理上的斜体,没有内容上的意义。

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

 

【2】

标签

相同:都有换行的属性。

区别:
单独使用;执行小换行。

   

成对使用;执行段落之间大换行。

 

【3】 标签

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

是实体标签,表示加粗。

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

 

【4】

标签

相同:容器标记而被广泛应用在html语言中 如果把“

”换成"",执行后会发现效果完全一样。两者都是起到独立出各块区块的作用。

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

 

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

 

【5】valign 和 align 属性

 

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

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

 

【6】center 和 middle 属性

align=middle 一般是图片居中 

align=center 一般是文字居中

效果相同时可以通用

通常使用centermiddleIE中可能不起作用

 

【7】

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

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

请始终为按钮规定 type 属性

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

 

【8】text-align:center 和

 

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

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

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

 

【9】letter-spacing 和 word-spacing

letter-spacing 是指字母的间隔;

word-spacing 是指单词间隔。

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

 word-spacing对中文不起作用

 

部分资料来源于(http://blog.sina.com.cn/s/blog_52dbd87601013vmp.html)侵权删

走的太远,不忘初心

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板