# 对 html 的浅认知
# 什么是html
超文本标记语言（HyperText Markup Language），是“网页浏览器中看到展示信息的”设计的一种标记语言。
# Doctype含义
- 声明位于位于HTML文档中的第一行，告诉浏览器的解释器用什么文档标准来解析这个文档。
- DOCTYPE书写错误或者不存在会导致文档已兼容模式呈现
# 标准模式和混杂模式
- 标准模式： html 排版和 js 渲染工作模式都是以该浏览器支持的最高标准运行。
- 兼容模式：页面已宽松的向后兼容的方式显示，模拟老浏览器的行为。
# HTML5 为什么只需要写 <!DOCTYPE HTML>
- html5不是基于SGML，所以不需要对DTD进行引用，但是它需要对文档类型声明，需要doctype来规范浏览器行为。
# 行内元素-块级元素-空元素
- css中规定每个元素都有默认的display属性和值
- 该元素的属性的值为‘inline’的则为行内元素（如:
span,a img,input等） - 该元素的属性的值为‘block’的则为块级元素（
div，ul,li h1...p等） - 空（void）元素
<br> <hr> <img> <input> <link> <meta>等
# html语义化
1.定义：正确的标签做正确的事情
2.为什么要做语义化
- 有利于SEO，有利于搜索引擎爬虫更好的理解我们的网页，从而获取更多的有效信息，提升网页的权重。
- 在没有CSS的时候能够清晰的看出网页的结构，增强可读性，便于团队开发和维护。
- 支持多终端设备的浏览器渲染。
3.SEO
- 汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。
- 目的： 为网站提供生态式的自我营销解决方案，让其在行业内占据领先地位，获得品牌收益；SEO包含站外SEO和站内SEO两方面；为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，还会使搜索引擎中显示的网站相关信息对用户来说更具有吸引力。
- 优化方式：
- 内部优化：
- 1.META标签优化：例如：TITLE，KEYWORDS，DESCRIPTION等的优化。
- 2.内部链接的优化，包括相关性链接（Tag标签），锚文本链接，各导航链接，及图片链接。
- 3.网站内容更新：每天保持站内的更新(主要是文章的更新等)。
- 外部优化：
- 1.外部链接类别：友情链接、博客、论坛、B2B、新闻、分类信息、贴吧、知道、百科、站群、相关信息网等尽量保持链接的多样性。
- 2.外链运营：每天添加一定数量的外部链接，使关键词排名稳定提升。
- 3.外链选择：与一些和你网站相关性比较高，整体质量比较好的网站交换友情链接，巩固稳定关键词排名。
- 内部优化：
# 致谢
感谢大家阅读我的文章，如果对我感兴趣可以点击页面右上角，帮我点个star。
作者：任博
链接： https://www.studyfe.cn/2017/05/10/html/html/
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。