HTML mark元素

mark元素

mark元素定义一个标记文本，其主要功能是在文本中高亮显示某个或某几个字符，旨在引起用户的特别注意。如：

I also have some kittens … adopt a kitten.

默认情况下，浏览器对 mark元素中的文本添加了黄色背景，来高亮显示这些文本。运行结果如图 2‑24 所示：

图2-24 mark元素

mark元素的这种高亮显示的特征，除了在文档中突出显示外，还常常用于搜索结果页面中的关键字高亮显示，以方便快速引起读者的注意。

说明：

由于 mark 是HTML5的新元素，因此旧的浏览器不会为它加上黄色背景。如果让这些老浏览器实现相同的效果，只需在CSS中添加以下代码即可：

mark {
background-color: yellow;
}

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》，并全部在 GitHub 上开源。

HTML mark元素相关推荐

读书笔记：《HTML5开发手册》--figure、time、details、mark
周日继续读<HTML5开发手册>,并进行Demo练习,今天主要学习四个HTML5新增的元素:figure.time.details.mark. 不学不知道,原来这些平时不注意的元素都有着很 ...
HTML5基础-Mark标签高亮显示文本
1.mark标签使用 2.mark作用使用mark标签元素,可以高亮显示文档中的文字以达到醒目的效果. 3.mark使用代码 1 <!DOC ...
（一）html5中的新增元素和废除元素
//刘梦冰发表于2015-6-29 1.新增的结构元素 (1)section元素 section元素表示页面中的一个内容区块,比如章节.页眉.页脚或者页面中的其他部分,它可以与h1.h2.h3等元素结 ...
HTML5废除元素,HTML5 与 HTML4 的区别(2) - 新增的元素和废除的元素
新增的结构元素在 HTML5 中,新增了以下与结构相关的元素: section元素 section 元素表示页面中的一个内容区块,比如章节.页眉.页脚或页面中的其他部分. 它可以与h1.h2.h3. ...
html 5新增技术,HTML5新增元素，标签总结
总是遇到h5新标签的笔试题目,就查阅了资料来总结一下: 1.form相关: (1)form属性:在HTML5中表单元素可放在表单之外,通过给该元素添加form属性来指向目标表单(form属性值设为目标 ...
web基础学习（四）HTML5的主结构元素、表单
一. 主结构元素 HTML5主结构更改 <!DOCTYPE html> <html><head><meta charset="utf-8" ...
H5网页元素和全局属性
目录一.语义元素二.分组元素三.页面交互元素四.文本层次语义元素五.全局属性一.语义元素使用语义话标签的意义: 同时作为结构元素,它不具有任何样式,只是使页面元素的的语义更加明确. 语义 ...
html常用语义化元素和全局属性整理
WWW www其实是World Wide Web 的缩写,它是一个由许多互相链接的超文本组成的系统,通过互联网访问, 在汉语中,www 被翻译成(web 万维网全球广域网). <HTML> ...
《 HTML5 》— HTML5页面元素及属性
HTML5页面元素及属性 1.无序列表-ul元素的使用 <!doctype html> <html> <head> <meta charset="u ...

HTML mark元素

mark元素

HTML mark元素相关推荐

最新文章

热门文章