提升网站质量教程(2):重要的HTML元素

所属分类: 网站运营 / 网站策划 阅读数: 122
收藏 0 赞 0 分享

对于提升 web 品质,DOCTYPE、title以及h1都是重要的标签。

对于提升 web 品质,<DOCTYPE>、<title> 以及 <h1> 都是重要的标签。

<DOCTYPE> 元素

Doctype means a "document type declaration" (DTD).

所有的 HTML 和 XHTML 页面都应当使用 <Doctype> 元素来定义遵照何种 HTML 版本。

doctype 定义了您正在使用的 HTML 版本,并为浏览器提供重要的信息以便其更快速一致地呈现您的页面。

文档类型声明同时也使验证软件可以对页面的语法进行检查:

HTML 4.01 Strict, Transitional, Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

	

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

	

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict, Transitional, Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

	

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1 DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<title> 元素

<title> 元素是最重要的 HTML 元素之一。它的主要功能是描述网页的内容。

即使标题不是网页的一个可见的部分,它对于提升网站的品质依然是重要的,这是因为它在以下位置都是可见的:

搜索引擎列表 窗口的标题栏 用户的书签中

标题应当尽可能地短,并具有可描述性。

当某个用户在 internet 上搜索网站时,大部分搜索引擎都会在搜索结果中显示出网站的标题。请确保标题与网页的内容是吻合的。这样的话用户有更多的可能通过点击这些链接来访问到你的网站。

当用户访问您的网站时,在窗口的标题栏中标题是可见的。请确保即使窗口被最小化,标题同样能起到描述网站内容的作用。

在用户访问你的网站之后,网页的标题会存储于历史文件夹(用户甚至会把网页收藏到他的收藏夹中)。为了后续的成功访问,同样请确保标题可以清楚地描述您的网站。

优秀的标题:
<title>HTML 教程</title>

<title>XML 简介</title>

差劲的标题:
<title>简介</title>

<title>章节 1</title>

<title>W3School 拥有一整套组织良好、易于理解的 HTML、CSS、JavaScript、

DHTML、XML、XHTML、WAP、ASP、SQL 教程,并包含非常多实例和源代码。</title>

<h1> 元素

<h1> 元素用来描述网页中最上层的标题。

由于一些浏览器会默认地把 <h1> 元素显示为很大的字体,因此会有一些 web 开发者使用 <h2> 元素代替 <h1> 元素来显示最上层的标题。这样做不会对读者产生影响,但会使那些试图“理解网页结构”的搜索引擎和其他软件感到迷惑。

请确保把 <h1> 用于最顶层的标题,<h2> 和 <h3> 用于较低的层级。

可以试着根据此模版来构造您的网页:

如果您不喜欢默认的标题字体尺寸,可以使用样式或样式表来改变。

更多精彩内容其他人还在看

网站设计:单页网站与多页网站的优劣势对比分析

说起网站设计,很难决策是使用单页还是多页设计网站,那么,单页还是多页好?今天脚本之家小编就给大家带来单页网站与多页网站的优劣势对比分析,希望对你有所帮助
收藏 0 赞 0 分享

如何撰写文案 利用人的七种欲望,撰写七种有效的文案

人的欲望分别是傲慢、妒忌、暴怒、懒惰、贪婪、贪食及色欲,也是我们常说的七宗罪。好文案,擅长利用人类的欲望。欲望就是弱点,击中弱点便可以取得成效
收藏 0 赞 0 分享

如何策划一份高转化率的网站推广运营方案

网站推广运营方案的内容主要分享是怎么去策划自己的网站推广运营方案,包括目前运营存在哪些问题;竞争对手分析;具体的运营细则制定,有兴趣的朋友们就来了解下吧
收藏 0 赞 0 分享

提高网站的登录框体验的5种方法

说到登录,你为用户供给的反应信息是多了仍是少了其实是对比考究的。信息过多也许就会被黑客运用,而信息过少也许又会添加用户的困惑,下面为大家分享提高网站的登录框体验的5种方法,来看看吧
收藏 0 赞 0 分享

不同业务部门的常见需求和常用的数据展现方式

做任何事都要有个目的,作为一个数据分析师,我们要了解消费我们数据分析的人是谁?他们又需要怎样的数据报告,下面为大家介绍不同业务部门的常见需求和常用的数据展现方式,来看看吧
收藏 0 赞 0 分享

如何深思熟虑地优化产品界面中的细节设计

在这篇文章中,我将专注于视觉反馈,微视窗和空白区域,你将会明白为什么这些小细节和你设计的显著元素是一样的重要,以及它们如何帮助你确定产品的成功,一起来看看吧
收藏 0 赞 0 分享

最佳实践详细解析网页首图如何抓住用户注意力

网页首图不仅仅是一张漂亮的图片,它还应该是强大的视觉传达工具。谈情怀不如讲套路,今天的文章,我们就通过一系列最佳实践来为你展示首图设计的一些设计“套路”。下面我们来看看吧
收藏 0 赞 0 分享

对网站响应式设计的重新思考

对于一个web,响应式是最基本的要求,最近在知乎上回答过响应式的问题,也重新对网页响应式设计做了一个新的思考,我给整理总结了一下,有兴趣的朋友们就来了解下吧
收藏 0 赞 0 分享

网站建设需要考虑的因素有哪些

目前人们为了节省成本已经开始把目光放在线上销售,因此,网站这个公司在网络上的门面开始非常受关注,网站建设需要考虑的因素也就越来越详细了,本文主要为大家简单介绍几个网站建设需要考虑的因素
收藏 0 赞 0 分享

关于网站建设的10个策划小技巧(干货)

好多站长在网站建设的时候往往既要考虑网站的整体美观度,同时还要考虑到网站的实用性和营销作用,那么在这方面都有什么小技巧?本文小编主要为大家介绍关于网站建设的10个策划小技巧
收藏 0 赞 0 分享
查看更多