HTML系列（三）：文字设置_html/css_WEB-ITnose-html教程-PHP中文网

阿里旅行·去啊

阿里旅行·去啊是阿里巴巴旗下的综合性旅游出行服务平台

首页

web前端

html教程

HTML系列（三）：文字设置_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:25 AM

一、标题

标题的h1到h6标签，这里不再赘述。值得一提的是，H5中新定义了一个元素

，用来将标题和副标题群组。一般在header里将一组标题组合在一起，变成一个区块：

 1 <body> 2     <header> 3         <hgroup> 4             <h1 id="阿里旅行-middot-去啊"> 阿里旅行&middot;去啊 </h1> 5             <h2 id="阿里旅行-middot-去啊是阿里巴巴旗下的综合性旅游出行服务平台"> 阿里旅行&middot;去啊是阿里巴巴旗下的综合性旅游出行服务平台 </h2> 6             <p>阿里旅行&middot;去啊，世界触手可行</p> 7         </hgroup> 8     </header> 9     <article>10  阿里旅行&middot;去啊整合数千家机票代理商、航空公司、旅行社、旅行代理商资源，直签酒店，客栈卖家等为广大旅游者提供特价机票，酒店预订，客栈查询，国内外度假信息，门票购买，签证代理，旅游卡券，租车，邮轮等旅游产品的信息搜索，购买及售后服务。全程采用支付宝担保交易，安全、可靠、有保证。11     </article>12 <body>13 </body>

登录后复制

二、关键字和产品名称

标签包裹的部分比其余部分更重要，呈现为粗体。以下场景可以使用b标签：文档的摘要中的关键字；产品描述中的产品名；其他文本在需要加粗显示的情况下。

根据H5规范，再没有其他更合适的标签时，才把b作为最后的选项。H5声明用h1到h6表示标题，em表示要强调的文本，strong来表示重要文本，mark表示标注的、突出显示的文本。

三、强调

标签表示强调其中的文本，用斜体来显示。但是如果只是单纯的想要斜体效果，请使用i标签。

四、外文或科技术语

标签也是显示斜体效果，使用场景为：表示转述句；表示分类名称；习语。

五、重要文字

和一样用于强调文本，但它强调的程度更强一些。显示效果为加粗。

六、删除线

~~显示效果为删除线，可以和标签配合使用。H5中的删除线用。~~

七、下划线

可以在css样式属性中的text-decoration设置为underline来为文字添加下划线，也可以利用u标签设置。在H5中不再支持u标签。如果不是超链接的话不建议添加下划线。

八、小号字体内容

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7333

Java教程

1627

CakePHP 教程

1351

Laravel 教程

1262

PHP教程

1209

显示更多

Related knowledge

公众号网页更新缓存难题：如何避免版本更新后旧缓存影响用户体验？ Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存，这玩意儿，说简单也简单，说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章，结果用户打开还是老版本，这滋味，谁受得了？这篇文章，咱就来扒一扒这背后的弯弯绕绕，以及如何优雅地解决这个问题。读完之后，你就能轻松应对各种缓存难题，让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存，说白了就是浏览器或者服务器为了提高访问速度，把一些静态资源（比如图片、CSS、JS）或者页面内容存储起来。下次访问时，直接从缓存里取，不用再重新下载，速度自然快。但这玩意儿，也是个双刃剑。新版本上线，