HTML5第四讲HTML5中的文本标记

图1图2

如图1,标题标记h1、h2、h3、h4、h5和h6:作为标题标记,字体加粗且字体大小逐渐减少;align属性指定对其方式,分为:left,center,right;默认居左对其。

段落标记p:表示文章中的段落,内容过多时会根据浏览器的宽度而自动换行;默认居左对其。当使用多个段落标记是,段落与段落之间的距离会比行距宽。

水平线标记hr:会在划一条水平线,有时为了分割的需要可能会用到。size属性可以设置粗细;color属性可以设置颜色;width属性设置其在浏览器窗口中水平百分比。

换行标记br/:在段落文本中加入换行标记,可以进行强制换行;在文本中的回车健是不会换行的。

图1中第14—19行是对文本内容进行格式化。从图2中对应位置可以看到,b标记会加粗文本;strong标记也会加粗文本;i使文件倾斜;emem标记也使文本发生了倾斜;del在文本上加删除线;ins在文本上加下划线;以上这些效果同样可以在span标记上使用css样式来表示,html5不赞成使用del和ins标记。

特殊标记符:在网页中,使用特殊标记可以表达一些简单的数学公式、温度等信息。图1中第32—43中是一些特殊标记符与描述信息和在html中的字符代码的对应关系。从图2中展示的效果来看,最终是以一行的形式呈现,虽然在图1中46—56行是换了行的,这说明浏览器在解析html文件的时候会忽略掉空格和换行符,只有使用特殊标记nbsp;或者换行标记br/时,在浏览器中展示时才会真正换行。

在动态文章加载的过程中,往往文章内容来自后台服务器,为了展示出特定效果,就需要服务器返回带有标记的文本。




转载请注明:http://www.aierlanlan.com/rzgz/1759.html