html5中的增强元素—-mark的使用和优点

在之前我们做到搜索等等功能的时候,我们都是通过给需要给强调的关键字加上自己span等等一些标签,使用style样式来控制他的显示,这个是比较麻烦的,如果我们使用行css来设置,不符合我们显示和内容的分离,我们使用外部样式表的话,又需要我们添加额外的id或者是class。

现在我们就使用html5提供货mark标签来解决这个问题,其实这个标签是很简单的,就是一个加亮的功能,但是比较使用,现在我们来看看使用html5和使用xhtml来实现加亮的区别。

输入代码:

——————————————————————————-

<!DOCTYPE HTML>
<html>
<head>
<title>使用html5的页面设置标签</title>
<meta charset=”UTF-8″>
</head>
<body>
<p>这是对mark标签的<mark>三稳</mark>测试(是mark标签是实现)</p>
<p>这是对mark标签的<span style=”background-color:#ffff00;”>三稳</span>测试(使用style样式来控制)</p>
</body>
</html>

———————————————————————————————-

效果截图:

演示地址:http://www.cangzhang.com/wp-content/uploads/2012/08/mark.htm

共有 0 条评论

Top