html基础系列教程Ⅳ:链接与文本标签们

2016-01-29 11:44 3 1 收藏

html基础系列教程Ⅳ:链接与文本标签们,本系列教程主要介绍web标准知识,作者将从最基本的标签开始讲解,对初学网页制作的朋友有一定的帮助,如果您对此感兴趣请关注本系列教程,今天讲解:web标准知识——链接与文本标签们~~

【 tulaoshi.com - Html 】

上一节:用途相似的标签

web标准知识链接与文本标签们

这篇主讲的内容涉及链接、标题、插入、删除、上下标、分割线、换行等标签。

我们都知道网页的最大特性是链接,是的这个在我们现在看起来习以为常的东西,让我们的生活发生了巨大的变化,是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目:

就是这个简单的标签,其实大家都在使用,用Dreamweaver可以很简单的添加链接。但是尽管如此我们还是需要知道A的属性是什么,这样才能更好的利用它。A是个内联标签,也就是说它本身并不会产生分行。他是流于文本之中的无素。那么我们都知道内联元素是不能包含块元素的。那就是说在A中不能包含段落、DIV等这些块级的元素。那么你工作中是否有这样的情况呢?是否在A里加了无数的块级标签呢?那从现在开始改掉这个坏习惯,这样不光可以避免一些没必要的BUG问题,同时也能给GOOGLE等这些搜索引擎一个好印象,多点印象分。当然除此之外振之还推荐在大家伙在A中加入titile属性。例:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)

为什么这么做呢,我这里有这样一篇文章《当标题不能显示完整的时候》,大家可以看一下,这只是加title属性其中一个小小的用处,但是作用非常有效。

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)

下一节:美化段落文本Ⅰ

来源:https://www.tulaoshi.com/n/20160129/1483175.html

延伸阅读
标签: Web开发
(1)概念的变化: HTML5专注内容与结构,而不专注的表现 header hgroup导航相关数据/hgroup /header nav菜单/nav article h1标题:HTML5专题视频教程/h1 (2)声明与标签: HTML5在更多的声明和标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素。 HTML5标签语法介绍及新增标记 1、语法标签: (1) ...
标签: Web开发
太长时间没写文章了,主要是工作太忙。今晚上没睡着起来把这篇文章写了希望对初学者提供点帮助,同时也在此再次感谢曾经帮助过我的人与我所看书籍的作者们。 我们在做网页的时候会发现:自己画的图也不错,自己做的布局也很精致,做的图标也很漂亮,第一眼看起来都觉得很漂亮,但是看看就觉得不舒服,也不清楚为什么…… 这里我...
标签: Web开发
web标准知识——从p开始,循序渐进 从今天开始,我将全面的共享出我所能理解的所有WEB标准方面的知识放在这个“WEB标准能有多难?”的专栏里。当然由于振之的水平有限,所讲并非是完全正确的。在看了这个专栏的文章的时候要理性的分析,要有自己的判断,欢迎各位朋友提出自己的看法与意见。 很多朋友现在还在用Dreamweaver(下称DW),不可...
标签: Web开发
a和href属性 HTML用a来表示超链接,英文叫anchor。 a可以指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。用法如下: a href="url"链接的显示文字/a 点击a/a当中的内容,即可打开一个链接文件,href属性则表示这个链接文件的路径。 比如链接到www.cnzhanzhang.com/html站点首页,就可以这样表示: a href="http://www.cnzhanzha...
web标准知识从p开始,循序渐进 从今天开始,我将全面的共享出我所能理解的所有WEB标准方面的知识放在这个WEB标准能有多难?的专栏里。当然由于振之的水平有限,所讲并非是完全正确的。在看了这个专栏的文章的时候要理性的分析,要有自己的判断,欢迎各位朋友提出自己的看法与意见。 很多朋友现在还在用Dreamweaver(下称DW),不可否认这...

经验教程

600

收藏

65
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部