网页HTML代码优化分析

原创 2017-03-27 14:50  阅读 1,266 views 次

每个网站都是网页组合而成,参与排名由网页为最小单位。而网页是多个标签构成,作为网站后端的代码通过浏览器进行编译,把代码编译成可视化界面,从而实现前端的用户界面而被广大用户使用和浏览。总之浏览器就是一个编译器软件,读出代码,由浏览器,把代码转化成:“可识化”网页,供用户浏览查看。

代码优化分析

一、网页代码的组成:也就是写代码时的基本原理

 

一个完整的网页html里面,通常以<html>开头,然后会以</html>结束;
<head>头部里,通常是写<title>这个是标题<title>;
<meta charset="UTF-8">;
<meta name="description" content=""/>;
<meta name="keywords" content=""/>;
<script type="text/javascript" src=""></scripe>最后以</head>结束;
这些内容只是告诉浏览器不识别的。
<boby>主题是描述图文、链接,我们能够看到的网页所有的信息,都是放在boby里面。最后同样以</boby>而结束的。

 

二、规范的网页标签:

 

1、H标题标签:

<h1>这个H1标签<h1>  一个页面里,只能出现一次。

<h2>这个H2标签<h2>

<h3>这个H3标签<h3>

<h4>这个H4标签<h4>

<h5>这个H5标签<h5>

<h6>这个H6标签<h6>

在一个页面里,H1只能出现一次,而其他的H标签都可以重复出现。

2、图片优化标签:

如:<img src="https://www.baidu.com/img/logo/bd_logo.png"  

alt="这是百度的logo图"   width="200"    height="130">

alt:指图像替代说明,帮助搜索引擎理解。

width(宽) ,height(高):帮助浏览器解析的速度回快。

3、链接标签:<a  href="http://www.baidu.com>百度一下</a>

http://www.baidu.com        没加S的http是超文本传输协议             80端口

https://www.baidu.com       加了S的http是安全超文本传输协议            443端口

4、javascript代码。也就是JS代码,一个网页要少量的使用JS特效代码,否则容易影响网站的加载速度,影响用户体验。
<iframe>标签尽量少使用,对蜘蛛不友好,不可适配。

5、段落、换行。以<P></P>换行,文章内容显示会有中间间隙;而以</br>换行,文章内容不会出现间隙。

 

本文地址:http://henanseo.net/321.html
关注我们:博主微信号:扫描二维码,
版权声明:本文为原创文章,版权归 博主启诺 所有,欢迎分享本文,转载请保留出处!

发表评论


表情