css 修改文字基准线_WEB标准教程:链接和文本标签的应用

WEB标准教程:链接和文本标签的应用

互联网   发布时间：2008-10-17 19:16:55   作者：佚名   我要评论

第四篇《WEB标准能有多难？》专栏文章将结束关于文本部分的XHTML的讲解。那么这篇主讲的内容涉及链接、标题、插入、删除、上下标、分割线、换行等标签。

我们都知道网页的最大特性是“链接”，是的这个在我们现在看起来习以为常的东西，让我们的生活发生了巨大

第四篇《WEB标准能有多难？》专栏文章将结束关于文本部分的XHTML的讲解。那么这篇主讲的内容涉及链接、标题、插入、删除、上下标、分割线、换行等标签。

我们都知道网页的最大特性是“链接”，是的这个在我们现在看起来习以为常的东西，让我们的生活发生了巨大的变化，是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目：文本区，就是这个简单的标签，其实大家都在使用，用Dreamweaver可以很简单的添加链接。但是尽管如此我们还是需要知道A的属性是什么，这样才能更好的利用它。A是个内联标签，也就是说它本身并不会产生分行。他是流于文本之中的无素。那么我们都知道内联元素是不能包含块元素的。那就是说在A中不能包含段落、DIV等这些块级的元素。那么你工作中是否有这样的情况呢？是否在A里加了无数的块级标签呢？那从现在开始改掉这个坏习惯，这样不光可以避免一些没必要的BUG问题，同时也能给GOOGLE等这些搜索引擎一个好印象，多点印象分。当然除此之外振之还推荐在大家伙在A中加入titile属性。例：文本区。为什么这么做呢，我这里有这样一篇文章《当标题不能显示完整的时候》，大家可以看一下，这只是加title属性其中一个小小的用处，但是作用非常有效。

链接标签中的href＝“URL”这个URL是个非常强大的东西，当然这不是我们这个专栏的内容，但是也非常推荐读者们可以认真阅读一下相关的知识。我从百度百科中找到了相关文档，请大家点击阅读(站外链接请读者们选择新窗口阅读)。关于链接就暂时只讲这么多，如有什么疑问请通过文后的联系信息与我联系或是在线给我留言。

标题几乎是所有文章都会有的要素，也是我们用以识实与索引文章的重要元素。我们通过标题去感知文章内的核心。那么你知道吗？合理使用标题标签会让你的文章更受关注。我们都知道XHTML给我们提供了h1~h6，六个标题标签，那么我们如何分配这六个标题标签的使用呢？下面给出一些建议：h1，在浏览器中显示最大，那么自然用来表示最大的标题，对于一个网站来说哪个标题才是最大的？是LOGO，我们通常会在网站的最前面先标注这个网站的名称。所以h1就用来放LOGO，当然如果你的网站没有LOGO，只有一个网站名称，那也可以。当然振之是不推荐在大家在h1中放个图片。我们完全可以通过CSS来实现以图换字。并且推荐网页中h1只出现一次。

当h1找到了专用的功能，那么担任内容标是，或是基它标题的重担就要放在另外几个标题标签上了。在余下的几个标题中h5与h6在浏览器默认显示字体是小于正常文本字体的。那么推荐h5与h6只作为免责声明或是版权通告来使用。这样即表明重要性，又不会太过明显影响阅读。对于标题标签的使用尽可能的注意一下他们之间的等级关系。当然标题的使用还是需要根据实际使用来决定。这里只是给出个建议。标题标签是块线元素，但是他并不能再包含块级元素了，只能包含内联的元素，比如链接、图像，换行之类的。记得有个朋友前两天在文章中提到过关于标题的内容，但是写法就有错了，他把链接写在了H1标签的外面，把H1包起来了，这样的写法是不推荐的。也不符合标准思维容易给以后的学习产生不好导向。

我们的文章难免会有错误的地方，那么有错就要改，但是有时候我们需要告诉读者这段是被删除的但是又能让读者看到。那么删除标签的作用就产生了。以前我们会使用或是 来得到一个删除线的效果。但是这仅表是一个删除线的效果，语义上没有DEL来得更为明确，所以这里我要告诉大家放弃以前的方式，采用这个标签。同样能表达我们需要的效果，并且意义更为直接明确。那么除了删除有时我们还需要对删除的部分作出一些添加与修改。那么时候这个标签就非常有作用了那就是插入标签。相信不用我说大家也知道如何使用这两个标签，但是千万别忘记了给这两个标签加上两个重要的属性：cite与datetime。解释与时间。解释不用说了，只要用文字注明为什么要删除或是为什么要插入就可以了。但是这个时间需要明确一下格式。严格的格式是：YYYY-MM-DDThh:mm:ssTZD。呵呵与我们平时用的差不多但是有区别，其中T是表示时间段开始的必需字符，而TZD则是表示时区，Z是表是格林威治标准时间。一秀的写法是：2008-03-25T14:26:22Z

在所有的标签中有两上标签是样式标签，但是却没有被禁用，因为这两个标签所表述的内容很特别，上下标，^上标,_下标。

这两个标签用得到机率比较小，但是上标应该还是会常用到的，比如温度中的摄氏度的上的小圆圈，当然现有有专业的字符对应“℃”，还有我们常看到书中的脚注上标[1]。

hr，分平分隔线，这个标签与换行标签只要注意标签的写法就可以了

---

关于文本部分的标签就讲到这里，当然标签可能还有很多，但是一些不推荐使用的，不常用的，这里就不再推荐，有兴趣的可以搜索一下相关的内空阅读一下即可。下一篇将引入CSS，一点点的美化我们的文档。

相关文章

这篇文章主要介绍了前端编码规范(4)—— CSS 和 Sass (SCSS) 开发规范,需要的朋友可以参考下2017-01-21

这是一份旨在增强团队的开发协作，提高代码质量和打造开发基石的编码风格规范，其中包含了 HTML, JavaScript 和 CSS/SCSS 这几个部分。我们知道，当一个团队开始指定并实行2017-01-21

这篇文章主要为大家介绍了前端开发团队遵循和约定的代码书写规范，意在提高代码的规范性和可维护性,需要的朋友可以参考下2017-01-21

这篇文章主要为大家详细介绍了响应式Web之流式网格系统的相关资料，感兴趣的小伙伴们可以参考一下2016-07-04

下面小编就为大家分享一篇在网页标题栏上和收藏夹显示网站logo的实现方法。希望对大家有所帮助。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-03-16

基于很多用户都在下载Visual Foxpro 6.0，但是有安装vtp6.0经验的朋友确很少，在安装过程中总会出现这样那样的问题，基于这些问题，下面小编抽个时间把Visual Foxpro 6.02015-09-09

网站日志200 0 64状态码的分析介绍2012-10-29

W3C是英文 World Wide Web Consortium 的缩写，中文意思是W3C理事会或万维网联盟。W3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定2012-10-26

网页设计看似简单.其中有很多细节的东西2012-09-28

我们平常所说的metro是由两种东西构成，即metro设计原则与metro设计语言。metro设计原则是metro的核心(抽象的)，引导我们设计出metro风格的设计；而metro设计语言是一系2012-09-17

最新评论