HTML里面的标签和代码优化有哪些？HTML网站页面注意事项|热消息

HTML里面的标签和代码优化一方面是给用户看的，而大部分用户看到的只是前端的页面体验，而后端程序源代码部分是给搜索引擎看得，所以要进行优化，不当对搜索引擎保持友好型，还有给到用户更佳的页面体验。百度指数千牛帮就给大家分享要做出出色的HTML网站页面注意事项有哪些？

(资料图)

一、页面组成

有头部(head)，左右侧栏(list)，主体(body)，底部

二、三大标签

title keywords description

三、Div+CSS

1.div指的是方框，块区，而CSS指的是DIV里面的样式表，比如调整DIV里面的框架大小，长高没背景颜色等样式，都是针对DIV来控制和展现形式的，作用是让网站页面更美观，提升用户体验度。

2.DIV里面的class可以理解为在众多的DIV里面更容易找到某人的名字，学号，方便识别。

四、JS

也叫java script 是一种脚本语言，属于前端开发语言，经常与html、css技术一起构成前端开发，其实和javascript有个相同名称的java 是后端开发语言，他俩虽然都有java这个单词，但是他俩没什么直接关系，就像雷锋和雷锋塔的关系一样。

五、标签

HTML，是一种超文本语言，页面内可以包含图片、链接，甚至音乐、程序等非文字元素，结构包括“头”部分(英语：Head)、和“主体”部分(英语：Body)，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容；

? ? ? ?CSS，指的是DIV里面的一种样式、属性；

a标签，指的是超链接；

img标签；

alt标签，指的是针对图片的描述，因为搜索引擎不识别图片，所以我们要对图片进行；

如果要对上述里面的A标签里面的图片调整匡高，那么可以这样。

六、识别与优化

搜索引擎不能识别的代码标签如下

JS不能识别，优化的话要吧JS路径里面的文件GG单独放在一个JS文件夹里面，放在在根目录。

Flash视频不能识别，要对视频进行描述，让搜索引擎识别

iframe框架不能识别，在网站后台找到相应的模板，Ctrl+F键在右上方会弹出一个小搜索框，输入iframe，看有没有，如果有最好不要。

table表格不能识别，注意的是三层以内的小表格可以识别，但是超过三层以外就很难识别了，所以表格层次不要太深。

七、H标签的使用

H1标签最多添加一对，也是在相应的文章模板里面按照上面的方法Ctrl+F键等方式找下有没有H1标签，只能是成对的，而且是只能一对，有多的话删除，H2，H3，H4等标签无限制，可以多对使用，他们存在着完整性，必须先有H1标签才有H2，H3，H4，H5等标签，以上都是在网站后台文章内容模板里面查看修改，其中H1标签最重要，通常在标题里面，作用是让搜索引擎更能够识别哪些内容时重要的，哪些内容是次要的。

八、nofollow的使用

有两种常用的方法

第一种nofollow标签是用在a标签里面，比如我们只需要在源代码里面加上rel=“nofollow” 或者更为正规的rel=“external nofollow”即可 即：###是告诉搜索引擎不要抓取这个连接的页面

第二种是将“nofollow”写在网页上的头部meta标签上，用来告诉搜索引擎不要抓取网页上的所有外部和包括内部链接

九、代码作弊

内容的字体设置一般大小是在12-14之间，过大过小都容易引起作弊嫌疑

将大量文字填写在图片里面打广告

网站植入恶意代码，发现有这些恶意代码应去到相应的模板文件找出来立马删除

百度指数千牛帮提醒：注意以上几点，相信大家的HTML网站页面会做的比较出色。