整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
1.基本html结构
2.生成div加类名的快捷键
3.带类名的div
4.带id的div
5.属性【】
6.后代>
7.兄弟+
8.上级^
9.乘法*
10.文本{}
注意：这里输入“！”+回车键前，需要清空原来生成的基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html><div class="list">
<div class="item_1"></div>
<div class="item_2"></div>
<div class="item_3"></div>
<div class="item_4"></div>
<div class="item_5"></div>
<div class="item_6"></div>
</div><div class="wrapper"></div><div id="wrapper"></div><span title="test"></span><span title="test"></span><div></div>
<p></p>
<span></span><div><span></span></div>
<i></i><ul>
<li></li>
<li></li>
</ul><div><span>这是文本</span></div>SEO必须要懂HTML，说的是一点都没错，不过其实是不需要全部都懂，最重点的你懂了会用，基本上都是事半功倍了。可以这么说一个不懂代码的优化人员不算是一个合格的好优化。下面就总结一下做优化，必须要懂得几个最重要的html代码，希望能帮到大家。
1.Title网站标题标签
Title标签有两个地方的用途一个是用在网站的主题说明，用来告诉网友这个网站的主旨是什么，是什么样的网站，一般用来说明网站主题的词2-3个为最佳。目前搜索引擎对Title的重视程度尤为重视所以建议慎重考虑关键词。
Title标签的第二个用法是，在A标签里面对链接文字强调说明的。鼠标经过会有提示，可以增加网站关键词的密度。
2.description描述标签
描述标签一般会出现在抓取的快照里面，对网站的收录SEO排名也是有一定的影响，不过现在搜索引擎都是智能化的，有时候抓取的并不是你自己所写的描述标签。而会根据用户搜索关键词相关度匹配。一般建议长度在100 个字左右不宜过长。
3.keywords关键词标签
关键词keywords设置现在在搜索比重上面也越来越不明显了，好多搜索已定提出可以放弃设置，因为搜索引擎能够自动抓取，建议适当设置3个左右即可。
H标签
H1标签一般出现在页面LOGO，或者单个文章的主标题部分。一个页面最好能控制在2个之内切不可过多。
H2标签一般会用在网站栏目或者小标题标题部分。
H3标签一般用在侧栏小标题子标题部分。
4.<b>和<strong>文字加粗标签
文字加粗着重强调这文字比较重要，它会告诉搜索引擎此文字，在整个页面文字中比较重要，所以一般加粗一些关键词，一篇文章设置3-5个为宜，不可整篇加粗或者整篇不加粗。
A标签中的，Nofollow权重不传递，_blank新窗口打开
rel标签的属性Nofollow权重不传递属性，一般用于友情链接，或者网站有转出站外的链接。
target标签的属性_blank新窗口打开，以保留用户在网站的停留时间，降低网站跳出率。
se_prerender_url标签目前还在研究，不过发现一些站长站都已经用上，搜索发现是谷歌吸引爬虫而出，目前尚不具体了解用途。
5.alt图片描述标签
因为图片不具有SEO属性，所以alt越显重要，ALT主要是图片描述说明只用，用可以增加关键词密度，但切记不可过多频繁。
内部链接文字：10分
标题title：10分
域名：7分
H1，H2字号标题：5分
每段首句：5分
路径或文件名：4分
相似度（关键词堆积）：4分
每句开头：1.5分
文本用法（内容）：1分
title属性：1分 （不是<title>， 是A标签中title属性）
加粗或斜体：1分
alt标记：0.5分
Meta描述（Description属性）：0.5分
Meta关键词（Keywords属性）：0.05分
--------------------------------------------------------
想了解更多网站优化，网络营销，网站运营，SEO/SEM/DSP，微博微信营销
可以百度搜索王尘宇查看更多进行交流。
关注王尘宇个人QQ/微信：314111741
lt;!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的网页</title>
</head>
<body>
<header>
<h1>我的网页</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>欢迎来到我的网页</h2>
<p>这是一个简单的 HTML5 网页设计。</p>
<img src="https://picsum.photos/200" alt="随机图片">
</section>
<section>
<h2>我们的服务</h2>
<ul>
<li>服务项目 1</li>
<li>服务项目 2</li>
<li>服务项目 3</li>
</ul>
</section>
</main>
<footer>
<p>© 2023 我的网页</p>
</footer>
</body>
</html>
这个 HTML 参考代码包括以下标准 HTML 特性：
*请认真填写需求信息，我们会在24小时内与您取得联系。
