《HTML5开发手册》——2.5 初学者“菜谱”:使用mark元素高亮文本

简介:

本节书摘来自异步社区《HTML5开发手册》一书中的第2章,第2.5节,作者: 【美】Chuck Hudson , 【英】Tom Leadbetter 更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.5 初学者“菜谱”:使用mark元素高亮文本

利用mark元素,文档作者可以高亮显示文档中的某些文本以达到醒目的效果。

如果用户在站点中进行搜索,搜索页面中的关键字可以高亮显示。这时,就可以很好地利用到mark元素。不选用strong或者em元素的原因是,我们并非想要强调这些关键字,而仅仅是为用户提供高亮效果。图2.4所示为如何使用mark元素。代码2.6所示为对应的HTML和CSS。

代码2.6 mark元素和额外的CSS


530d21ddb86b65e55dea8eb49cf78d5f02a09262
相关文章
|
1天前
|
前端开发
html中行内元素、块级元素、行内快元素都有哪些,以及区别
html中行内元素、块级元素、行内快元素都有哪些,以及区别
10 1
|
5天前
|
JavaScript 前端开发 UED
【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的?
【5月更文挑战第2天】【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的?
|
7天前
|
移动开发 JavaScript 前端开发
【专栏:HTML进阶篇】HTML模板与Web组件:可复用的网页元素
【4月更文挑战第30天】HTML模板和Web组件提升网页开发效率和可维护性。HTML模板,如<template>元素和服务器端模板引擎,用于创建可复用的HTML结构。Web组件是自定义的HTML元素,结合影子DOM和模板,实现封装的可重用组件。两者助力构建高效、现代的网页和网站。
|
7天前
|
移动开发 前端开发 JavaScript
【专栏:HTML基础篇】深入HTML元素:理解结构与内容
【4月更文挑战第30天】本文探讨了HTML在构建网页中的核心作用,HTML元素构成网页结构与内容,包括`<!DOCTYPE html>`、`<html>`、`<head>`、`<body>`等基本元素及`<div>`、`<span>`、`<a>`、`<img>`等丰富标签。理解并恰当使用这些元素能创建清晰结构、优化SEO、增强交互性,并实现语义化,为打造功能强大且美观的网站奠定基础。进一步学习CSS和JavaScript将提升网页视觉效果和互动性。
|
8天前
|
JavaScript 前端开发
JavaScript DOM 文档对象模型(获取、改变html元素)
JavaScript DOM 文档对象模型(获取、改变html元素)
|
19天前
|
搜索推荐
《HTML 简易速速上手小册》第2章:HTML 的标签和元素(2024 最新版)
《HTML 简易速速上手小册》第2章:HTML 的标签和元素(2024 最新版)
20 0
《HTML 简易速速上手小册》第2章:HTML 的标签和元素(2024 最新版)
|
19天前
|
JavaScript 前端开发
在JavaScript中怎样获取或修改HTML元素。
在JavaScript中怎样获取或修改HTML元素。
|
1天前
|
移动开发 前端开发 JavaScript
:掌握移动端开发:HTML5 与 CSS3 的高效实践
:掌握移动端开发:HTML5 与 CSS3 的高效实践
8 1