码迷,mamicode.com
首页 > Web开发 > 详细

HTML系列(三):文字设置

时间:2016-03-01 14:33:21      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:

一、标题

     标题的h1到h6标签,这里不再赘述。值得一提的是,H5中新定义了一个元素<hgroup>,用来将标题和副标题群组。一般在header里将一组标题组合在一起,变成一个区块:

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

 

二、关键字和产品名称<b></b>

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

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

 

三、强调<em></em>

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

 

四、外文或科技术语<i></i>

<i>标签也是显示斜体效果,使用场景为:表示转述句;表示分类名称;习语。

 

五、重要文字<strong></strong>

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

 

六、删除线<s></s>

<s>显示效果为删除线,可以和<ins>标签配合使用。H5中的删除线用<del> 。

 

七、下划线<u></u>

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

 

八、小号字体内容<small></small>

HTML系列(三):文字设置

标签:

原文地址:http://www.cnblogs.com/csxiaoyu/p/5230579.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!