前两天曲奇儿跟大家介绍了一些关于网站和HTML标记语言的大体轮廓,今天我们来看一看详细的东西吧。首先对于我们SEO工作人员来说,看的懂HTML标记是最基本的,如果我们做网站优化,看不懂网站的前台源代码,那么我们甚至都不能与网站的制作人员进行有效的沟通,不要说我们自己来优化网站代码了,就是让别人来做,我们都说不清楚,这是一件很头疼的事情,所以,靠人不如靠自己,我们至少要看的懂才行,今天曲奇儿SEO就简要的说一说那些非常常用的HTML标记。
通过这篇文章您将会了解以下这些内容: 1、最常用的HTML标记都有哪些,分别都是什么含义。 2、HTML文档的后缀都有哪些,区别在哪里。 3、如何快速达到能够看懂HTML标记语言。
一、我们先来了解一下最常用的HTML语言都有哪些,并且解析一下他们都是什么意思。
1、html、head、body。毫无疑问这三对标记是最常用的,也是HTML的框架,没有了他们那么就没有了网页,所以我们要知道他们的含义都是什么,html这一对儿是用来告诉浏览器,这个文档是网页标记语言的,好让浏览器识别,之所以大写跟小写混着用,是因为HTML标记语言不区分大小写,在书写规则上没有严格要求。head这是头部元素的标记,在这个头部元素标记中可以拥有很多种信息,比如说title网站标题,meta元素,这个里边因为属性的不同会有很多种功能,像我们常用的关键词、描述都是使用<meta />标记引用的。当然还有link和script标记,他们是用来调用CSS样式表以及JS的,这些元素都是被写在head中的。至于最后一个body元素,大家可以理解成一个大容器,这个大容器中将会把所有的网页内容装在里边,通俗的说, 网页制作就是在body元素中进行的。
2、a、div、im、span、p、ul、li这些元素中a是超链接元素,img是图片调用元素,我们知道,网页一般大多数都是文字与图片的,所以这两个元素在网页制作中使用的次数非常多。而后边的div、span、p、ul、li是用来做布局使用的,当然他们的作用非常大,在后边的CSS+DIV中运用广泛,现如今你基本找不到网页中不包含他们的网站了。这里只是简单的提一句,大家了解下即可。
3、table在DIV+CSS布局之前,这套标记可是非常牛的,因为那个时候的网站布局基本要靠他们的。其中th、tr、td这三套标签分别代表着该表格的表头、行与列。在那个年代里,就是这么几套标签就能搞定整个网站的布局,虽然现如今使用的比较少了,但是table仍然在格式化输出方面被广泛地使用着。(这里需要注明一下,table标签之所以被DIV+CSS取代,根本原因在于使用table标记布局的时候会产生大量的代码冗余,而且这种布局方式不被搜索引擎喜欢)。
二、HTML文档的后缀都有哪些,区别在哪里。
对于HTML标记语言来说,其文档的后缀一般有HTML何HTM两种,对于前边那种相信大家都已经十分了解了,后边的这一种呢现在已经不常被使用了,它的出现其实只是为了兼容当年DOS系统,大家了解即可。
三、如何快速达到能够看懂HTML标记语言。
说到这里,曲奇儿其实想说的就是学习方法了,如果你想要快速看懂HTML其实很简单,你只需要下载一个HTML标记语言的电子手册,然后自己去网络中随便找一个网页,将它的源代码打开,然后根据你的手册一点一点的看它的源代码,当你将10个网站的源代码全部看懂,那么基本就没问题了。 怎么样是不是很简单呢?当然,这里只是为SEO工作新人们介绍一下如何看懂HTML,如果你想要通过学习HTML来制作网页,那还是需要下苦功夫的,我们要知道,任何有用的知识,都是需要时间去学习、去实践的 。 好啦,今天的文章就写到这里,希望能够帮助大家起到穿针引线的作用,最后也希望大家能够多多支持曲奇儿的文章,谢谢大家啦。
|