今天给大家带来《读话新致远HTML》第三课。 了解文本标签,例如标题、段落、块和强调。 尖头文字,普通文字构成。 我们一起来学习吧!
1. 标题
有六个标题标签,依次为 h1、h2、h3、h4、h5、h6。
标记
<h1>网页最重要的文字标签,一般用在logo、三级页面文章标题上。</h1><h2>重要性次于h1,一般用在首页、二级页面的模块标题,三级页面文章的二级标题上。</h2><h3>重要性次于h2,一般用在文章列表的标题上。</h3><h4>不太重要</h4><h5>不常用</h5><h6>不常用</h6>
例如腾讯网的logo使用h1,代码如下:
标记
<h1><a href="http://www.qq.com/" class="qqlogo"><span class="undis">腾讯网</span></a></h1>
首页有很多新闻模块,模块标题采用h2,代码如下:
标记
<h2><a href="http://view.news.qq.com/" target="_blank">今日话题</a></h2>
“今日话题”新闻模块下的头条新闻,新闻标题采用h3,代码如下:
标记
<h3 id="todaytop"><a target="_blank" href="http://view.news.qq.com/original/intouchtoday/n3517.html">女子动车上拒给老人让座:别强行拔高道德水准</a></h3>
2. 段落标签
段落内容
段落标签非常简单。 文章是由段落组成的html常见标签,但默认的段落样式不符合中国人首行缩进的习惯。 稍后需要重置css样式。
标记
<p>段落文本</p>
3.特殊文字
1.强调文本标签
文章中有一些文字比较重要,但不足以成为标题,可以使用指向标签,要与标签区分开来。 虽然这两个标签可以使文本加粗,但它们只是使文本样式加粗,并不能表明文本的重要性。 还建议使用 CSS 样式来替换文本粗体样式。
标记
<strong>强调的文本</strong>
2、
预格式化文本,pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。常见应用就是用来表示计算机的源代码。Markup
<pre></pre>
3. 引用文字
标记
说过:<blockquote>帝国主义都是纸老虎 ... </blockquote>
4. 定义计算机代码文本。 和pre有点类似。
标记
<code>for(var i=0;i<100;i++){ }</code>
5. 定义参考。 使用此标签定义参考引文,例如书籍或出版物的标题。 与块引用仍然存在差异。
还有一些不太常用的文字标签,请自行查看指南。
4. 块文本
这个标签通常用来表示需要区分的一段文本,而该文本通常没有非常重要的意义。 例如文章的作者、日期、评论数、点赞数等。
标记
<span>评论次数:</span>
5.普通文本
文本没有用特定的标签来描述,直接放在结构标签的上方。 例如,直接将文本放置在div、li等结构标签中。 这种做法不太友好。
标记
<div>文本内容</div>
html5中减少了很多语义文本标签html常见标签,比如日期、地址、不够重要的大文本等等,请参考万能指南。
html4指南下载
xhtml_reference.chm
html5指南下载
w3c标准html5手册.chm
另一个好方法是看看高质量的网站如何使用标签。 下载一个Google浏览器,使用右键菜单中的“Inspect Element”命令,可以很好的查看当前文档的html、css、js等内容。
当然Maxthon的firebug更专业,但是Maxthon的启动速度……,所以我更喜欢普通的微软,萝卜白菜,各有所爱!