了解基本结构元素对网页进行优化的意义

核心提示HTML基本结构元素主要有html元素、head和body元素。每个HTML网页文件一般都包含这三个元素,而且只能出现一次。html元素html元素是网页文件的根元素,所有网页文件内容都要放置在html的起始标签和结束标签内,浏览器通过该标

html的基本结构元素主要包括HTML元素、head和body元素。每个HTML网页文件一般都包含这三个元素,而且只能出现一次。

Html元素

Html元素是网页文件的根元素。网页文件的所有内容都应该放在html的开始标签和结束标签中。浏览器通过这个标签确认读取的文档是HTML文档,并根据HTML规范解析和显示HTML文件。例如,下面的HTML文档:

头部元件

head元素包含网页的头部信息,主要包括网页的标题、网页介绍、关键词、样式文件、脚本文件、字符编码等。这些内容主要供浏览器使用,不会在网页中显示。头部的常见元件描述如下:

标题元素

title元素中的内容是网页的标题,主要显示在浏览器的标题栏或状态栏上。当用户收藏网页文件或加入书签列表时,标题将成为网页文档链接的默认名称。title标记必须放在head标记内。例如,下面的web文档。

这个网页的标题是“我的第一个网页”,在浏览器中会显示在浏览器的标题栏中,如下图所示。

链接元素

link元素用于将外部样式文件引入网页。样式文件是描述网页外观的CSS文件。比如网页的背景颜色,段落的字体大小,网页元素之间的布局位置。关于样式文件的CSS课程将在后面讨论。例如,下面的web文档介绍了theme.css文件。

link元素的href属性的值是链接的样式文件的名称;type属性指定链接文件的类型,一般是样式文件;type属性的值为“text/CSS”;rel属性指定当前网页文档和链接文档之间的关系;而rel属性的值是“stylesheet”,表示链接的样式表是。

脚本元素

script元素用于将外部脚本文件和内置脚本引入web文档。脚本文件是js文件,脚本文件是用javascript语言编写的程序。这些引入的程序可以在网页中调用。将讨论脚本文件背后的javascript课程。例如,下面的web文档介绍了do.js文件。

script元素的src属性值是脚本文件的名称,type属性指定链接文件的类型,一般是脚本,type属性的值是“text/javascript”。脚本元素也可以有内置脚本。例如,以下网页文档具有内置脚本。

元元素

meta元素用于设置网页关键词、网页描述、作者、显示字符集等信息。,并且可以用于网页的SEO优化,尤其是关键词和网页描述。当一个网页需要SEO优化的时候,meta元素是非常重要的。搜索引擎会通过meta元素提供的网页的关键词和描述来评估网页的质量,进而整合网页内容。

meta元素有两个属性,即http-equiv和name属性。http-equiv属性向浏览器提供一些网页控制信息,比如网页采用的字符集,对应的属性值是content;name属性描述网页关键词、网页描述等网页内容信息,对应的属性值为content。例如,以下网页文档给出了用于网页内容的字符集、关键字和网页描述信息。

使用记事本编辑保存网页文档时,保存代码应为utf-8,不能使用默认的ANSI代码。如果网页文档以非utf-8代码保存,浏览器将显示带有乱码的网页。网页显示效果如下图所示。

主体元素

body元素包含web文档的所有内容,是web文档的主要元素。上面描述的web块元素和line元素应该放在body元素中。

 
友情链接
鄂ICP备19019357号-22