TML 实例
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body></html>
实例解析
DOCTYPE 声明了文档类型
位于标签 <html> 与 </html> 描述了文档类型
位于标签 <body> 与 </body> 为可视化网页内容
位于标签 <h1> 与 </h1> 作为一个标题使用
位于标签 <p> 与 </p> 作为一个段落显示
<!DOCTYPE html> 在HTML5中也是描述了文档类型。 |
什么是HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
<标签>内容</标签>
HTML 元素
"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:
HTML 元素:
<p>这是一个段落。</p>
Web 浏览器
Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。
浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户:
HTML 网页结构
下面是一个可视化的HTML页面结构:
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
</body>
</html>
只有 <body> 区域 (白色部分) 才会在浏览器中显示。 |
HTML版本
从初期的网络诞生后,已经出现了许多HTML版本:
版本 | 发布时间 |
---|---|
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML 1.0 | 2000 |
HTML5 | 2012 |
XHTML5 | 2013 |
<!DOCTYPE> 声明
<!DOCTYPE>声明有助于浏览器中正确显示网页。
网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的,以下方式均可:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
通用声明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
查看完整网页声明类型 DOCTYPE 参考手册。
中文编码
目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8。
HTML 实例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>页面标题</title></head><body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body></html>
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
置网站关键词的方法看似很简单,但实际上设置好还是很难的一件事情,就拿我的SEO博客的标题,一个20多字的标题就能覆盖上百个关键词,这种效果和方法你会吗?
关键词是SEO的根,是开展一切SEO工作的源头。而网站是承载关键词的载体。我们将关键词与网站中的不同网页融合。从而被搜索引擎收录,参与排名。最终我们获得了通过我们的SEO技术拿到的搜索引擎来源流量,也就是SEO流量。
但设置网站关键词的方法表面来看是简单的,但实际上这里面大有学问,下面赵彦刚一起来看下网站设置关键词的方法。
网站都可以在哪里设置关键词?
设置关键词,我们要先说meta标签的keywords。这个标签是在html代码中的head部分。这个标签的作用就是用来设置关键词的。写法如下示例:
<html lang="zh-CN"> <head> <meta name="keywords" content="SEO,SEO培训,SEO教程,SEO顾问,SEO博客,SEO技术,赵彦刚博客" /> </head> </html>
如上,红色字体部分就是写关键词的位置,中间用英文的逗号隔开,设置的数量建议在3~5个,不宜过多。
下面要说的就是网页其他能出现文本的地方,其实关键词也是文字,我们在任何可以写文字的地方都可以设置关键词。比如:
关于关键词的完全匹配和模糊匹配
你给同一个网页设置的关键词可能会很多,例如我的SEO博客首页,我的标题是这么这是的:
SEO培训教程-SEO技术视频课程-网站优化顾问服务-赵彦刚博客
这个标题中,涵盖的关键词就很多:SEO、SEO培训、SEO培训教程、SEO教程、SEO技术、SEO培训视频、SEO培训课程、SEO技术培训、网站优化、SEO优化、SEO顾问、SEO顾问服务、SEO服务。。。。通过完全匹配和模糊匹配我能写出上百个来,那这就是写标题的技巧。
标题本身不显的那么生硬,但又能融入很多的关键词。如果首页权重达到一定成都的话,光着一个首页获得的流量就相当的惊人。
那我这样的标题是怎么想出来的呢?有什么逻辑规则吗?答案是有的。其实很简单,你先把一个网页想设置的关键词全都列出来,然后将意思相近的组合成一个词语。几个词语组合之后一定会出现重复的词组,然后看几个词语中,哪个词语中可以删除这个重复的词组。
举个例子,我在想我这个标题时,第一个词组:“SEO培训视频教程”和“SEO技术视频课程”就重复了“视频这个词组”。所以我综合考虑下,将第一个词语中的视频删除了。
站内的逻辑也是一样的,关键词不一定要完全的匹配,因为搜索引擎本身处理文本时还是会把你这些词语拆分的。所以保证但个词组的出现就不错。
着互联网的不断发展,搜索引擎的算法也在不断的更新,搜索引擎越来越重视网站的用户体验度了,尤其是网站关键词布局的情况,这会影响网站的排名。
合理的关键词布局可以提升网站的相关性,并且有利于搜索引擎蜘蛛抓取网站的核心,从而也能提升网站权重。
1、核心关键词布局在网站首页
很多SEO新手会把大量的关键词分布在网站的TDK中,这样做不仅没有太大的效果,
而且搜索引擎从目前来看,并不是特别在乎keyword这个标签,对于描述标签如title标签,还是颇为看重。
在做网站首页关键词布局的时候,一定要选择核心关键词,这样可以保证网站首页可能会得到有效的排名,获得一些高指数搜索量的关键词排名,同时,我们需要注意,避免关键词过度的堆积,不要进行简单的罗列。
最好是可以利用一句话的形式,进行有效的描述,通常而言,我们建议尽量让核心关键词出现在标题的最左侧。
而描述中的关键词只要让语句读起来清晰、自然合理就可以了,最好也可以布局一些相关关键词。
2、栏目中布局关键词
对于网站栏目中关键词的布局,我们经常会考虑一个企业特别容易犯的错误,那就是你的栏目关键词,同样出现在首页关键词。
这就造成首页排名与栏目排名,实际上是存在一个冲突的过程,而产生站内竞争,这大大浪费自己站内资源的利用。
因此,我们在做关键词布局的时候,尽量要让首页的核心词和栏目列表页的关键词,有一定的区分。
3、文章内布局关键词
早期,我们在做文章关键词布局的时候,经常会强调一个名词:五处一词,而随着机器算法的不断提高。
我们在做页面关键词布局的时候,不管是要看这个关键词的密度,还是需要看这个文章内容,与特定目标关键词,是否存在较高的相关性。
我们应该不断的优化一个页面的相关关键词,是的文章页面,更加具有主题性,这样我们获得的搜索引擎预期排名,可能就会相对靠前。
4、TAG标签关键词
在很长一段时间内,有很多企业网站运营人员,并不专注于TAG标签的关键词匹配,而却采用大量这样的标签。
这很明显是一个严重资源的浪费,通常我们建议使用长尾关键词来布局聚合页面的关键词,这样我们就可以快速的的关键词的排名展现。
5、HTML版网站地图
这是一个经常被忽略的问题,实际上对于大型网站而言,对方经常会建立HTML版本的网站地图,它理论上是可以参与到网站排名的过程中。
这个时候,我们就有必要给这个页面做一个相关性的关键词布局,通常我们会选择一些竞争度适中的词,做这样的页面。
总之,网站关键词分布一定要合理,这样才有利于网站的未来发展,而上述内容,仅供参考!
*请认真填写需求信息,我们会在24小时内与您取得联系。