一些遗忘的标签

在做页面时,基本上都忘了这几个标签,基本上都没用到,今天偶尔看到了,就总结下

q:引用比较短的话,例如:"吃饭了没啊!",<q>吃饭了没啊!</q>,在IE6下面是没有引号的,为了表现统一在重置样式的时候加上q:before,q:after{content:'';}

blockquote:引用比较长的话,两边有缩进,在IE和FF浏览器表现统一;

abbr,acronym:单词缩写,移上去可以看到全文例:<abbr title="xiaohuiblog">xhb</abbr>在FF下表现为下面有下划线,在IE6中没有下划线,移上去也没有效果,为了表现统一,在重置时使用abrr,acrony{border:0;}

在重置是再加上这句:

address,var,code,pre,caption,cite,th,em{font-weight:normal;font-style:normal;}

将这些标记的文本表现为正常的文本样式解释下各个标签的语义:

address:描述地址;

var,code,pre:这几个标签定义变量,计算机代码文本

:参考文献和杂志的引用,还有一个隐藏功能:它可以使你或者其他人从文档中自动摘录参考书目,它能够自动整理引用表格,并把它们作为作为脚注或者独立的文档来显示。<cite> 标签的语义已经远远超过了改变它所包含的文本外观的作用;它使浏览器能够以各种实用的方式来向用户表达文档的内容。

em:不仅有表现为斜体,还有强调的语义在里面

strong:强调语气比em强烈,表示重要的并值得强调,让用户首先注目,他表现的是粗体

原文地址:https://www.cnblogs.com/xiaohui108/p/1891760.html