相关文章
网站建设Photoshop绘制卡通小孩
网页设计Fireworks锐化马赛克效果
北京网站建设Photoshop打造超酷影片风格画面场景
北京网站设计使用 DIV+CSS 创建固定宽度的布局
网页设计Dreamweaver基础教程：层及其应用
网站制作色彩系列教程(1)：基础知识
北京网站制作CSS实现导航条图片的翻转菜单
企通互联10个经典的web2.0配色方案网站
网站制作WEB设计经验 -来自microsoft.com设计主管
北京网站建设站长常用广告代码全集
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 网站建设网站制作网页文本排版：为正确的内容使用恰当的标签
网站建设网站制作网页文本排版：为正确的内容使用恰当的标签
在制作网页时，文本内容是必不可少的！那么我们该如何对网页文本进行正确排版呢？ 站长.站
当段落标签p应该使用在段落的时候还有许多滥用换行标签br的情况，p用于表现段落是公认的。基于同样的逻辑，很多标签应该被用来定义确定的文本元素，比如引用，缩写和计算机代码等。 Chinaz_com
应该记住的是，尽管大部分浏览器用不同的方式处理这些标签，最重要的是记住，不是为了让元素看起来像什么，而是它赋予的含义是什么。
缩写和首字母组合词
Chinaz~com
缩写标签abbr和首字母组合词标签acronym分别用于缩写词语和首字母组合而成的缩写词。
Www~Chinaz~com
缩写是一个惯用词组的缩短形式。很平常。然而，首字母缩写词则是组成词组的每个单词之首个字母（或者单词的部分）的组合缩写。所以CSS是一个正确的首字母缩写词，但HTML和XHTML却不是（如果Hypertxet markup language是一个首字母缩写词，它应该是HML，同理，XHTML就是EHML了）。 中.国.站长站
为了优化易用性，缩写和首字母缩写词都应该使用标题属性title。 中国站.长.站
| 以下为引用的内容：企通互联 <p>This web site is about <abbr title="HyperText Markup Language">HTML</abbr> 北京网站制作网页设计 and <acronym title="Cascading Style Sheets">CSS</acronym>.网站设计 </p> |
Www.Chinaz.com
注意 网站设计中国.站长站
有一些不可思议的理由，Internet Explorer，最常用的浏览器，竟然不支持abbr标签。十分幸运，一个叫Marek Prokop的小伙子为此开发了clever Javascript workaround。 [中国站长站]
有很多关于缩写和首字母缩写词元素的讨论，Lars Holst提供了可能是最具体的深入理解。 中.国. 北京网站建设站长站
引用 [中国站长站]
blockquote，q和cite用在引用上。blockquote是块状的，用于大面积的引用语上，而q则是内联的，用于更小的词组。cite也是内联的，比起q来其本身的语义更可取，很可能在将来取代q。
中国站长.站
又，标题属性title用于表明引用从何而来。
注意：q一般不改变内附文本的外观──你需要用CSS如果你需要为它指定一个样式。
| 以下为引用的内容：北京网站设计 www.qitongnet.com <p>So I asked Bob about quotations and he said 网页设计 <cite>I know as much about quotations as I do about pigeon fancying</cite>网站设计 . Luckily, I found HTML Dog and it said...北京网页设计 </p>北京网站设计 <blockquote title="From HTML Dog, http://www.htmldog.com/">企通互联 <p>blockquote, q and cite are used for quotations. blockquote is block-line and used for large or citations, whereas q is in-line and used for smaller phrases. cite is also in-line and preferable to q for its semantic nature and possible future deprecation of q.</p>网站制作 </blockquote> |
代码 中国.站长站
有少部分的标签，code和var用于计算机程序代码，pre和samp则，在实践中，也主要是用于代码。
Chinaz.com
code用于计算机程序代码。 Chinaz^com
var用于指明代码里的变量。 中国站.长.站
<code><var>ronankeatingisbland</var> = true;</code> Chinaz~com
samp与代码类似，但被认为是用于程序的代码输出样例。 站长.站
pre是预格式化文本，在HTML标签中不常用，以防止大量空格的产生。它常用于代码块。
Chinaz@com
| 以下为引用的内容：北京网站制作 <pre> 网站制作 <div id="intro"> 企通互联 <h1>Some heading企通互联 </h1> <p>Some paragraph paragraph thing thing thingy.北京网页设计 </p> </div>网站设计 </pre> |
定义术语
dfn是定义术语，用于高亮显示一个第一次使用的术语。像abbr和acronym ，标题属性title可以用来描述术语。
| 以下为引用的内容：网站制作 <p>Bob's <dfn title="Dog">canine</dfn> mother and <dfn title="Horse">equine</dfn>北京网站建设 father sat him down and carefully explained that he was an 北京网页设计 <dfn title="A mutation that combines two or more sets of chromosomes from different species">allopolyploid</dfn>北京网站建设 organism.</p> |
地址
address应该用于地址。
| 以下为引用的内容：北京网页设计 <address> 网页设计 HMTL Dog House<br /> 北京网站建设 HTML Street<br /> 网站建设 北京网站设计 Dogsville<br /> 企通互联 HT16 3ML </address> |
晦涩罕见的标签
Chinaz^com
有一些没有什么价值的标签，有很少的机会被使用只是因为十分特定的场合。 Www_Chinaz_com
bdo可以用来反转文本的方向，可以用来显示从右向左读的文本。必需的属性dir的值可以是ltr（左向右）和rtl（右向左）。
Chinaz_com
<bdo dir="rtl">god lmth</bdo>
中国站长_站,为中文网站提供动力
kbd用于表明应由用户键入的文本。 Www_Chinaz_com
<p>Now type <kbd>woo hoo</kbd></p> 中.国站长站
ins和del分别用于显示编辑插入和删除的文本。它可以有时间属性datetime（用YYYYMMDD的格式）和cite属性（用于说明为什么插入或者删除理由的一个URL）。
Chinaz.com
ins元素一般显示下划线，而del 企通互联元素则一般显示删除线。
| 以下为引用的内容： 北京网页设计企通互联 <p>This is some <del datetime="20030522">nonsense</del>北京网页设计 <ins cite="http://www.webjx.com">very informative stuff</ins>北京网站制作 网站建设 that I've written.</p> |
表现（描述性）元素
中国.站长站
b、i、tt、sub、sup、big和small都是表现元素，因此，由于它们的精确性，不应该再使用当我们一再强调分离内容和表现。比如b定义粗体元素，没有任何意义──这些标签定义纯粹的可视化特征，应该是CSS的事。尽管他们是合法的标签，还有其他的（比如strong和em，是词组元素）可以实际地添加含义。如果你仅仅需要复制这些标签的样式，不需要任何相关的含义，你可以在span标签上应用CSS。 中国.站.长站
