HTML基本概述

1、什么是HTML

    HTML(Hyper Text Markup Language)即超文本标记语言。它不是一种编程语言，而是标记语言，用于告诉浏览器如何构造您所访问的网页。HTML由一系列元素组成，可以用它来封装、包装或标记内容的不同部分，使其以某种方式显示或以某种方式执行。

2、HTML元素

    HTML元素一般由开始标签，结束标签、元素的内容、属性组成。

    

    以a元素为例：<a href="链接地址" title="标题" traget="_blank">链接内容</a>

    HTML中有些元素被称为空元素，因为它们没有结束标签，如<br> <img> <link> <meta>等。

    HTML元素可以分为块级元素、内联元素以及内联块状元素，下面主要描述一下它们之前的区别：

• 块级元素（block）：块级元素在页面中以块状显示，会独占一行，可以设置宽高、内外边距，通常用于展示页面上结构化的内容，例如段落、列表、导航、页脚等。一个以block形式展现的块级元素不会被嵌套进内联元素中，但可以嵌套在其它块级元素中。常见的块级元素有：p h1....h6  table  ul  ol  div form
• 内联元素（inline）：也称行内元素。不会独占一行，只在行内起作用，无法设置宽高，以及竖直方向上的内外边距。例如 a  span  strong em 
• 内联块状元素（inline-block）：同时具备内联元素和块状元素的特点。即不会独占一行，内容决定元素所占位置，且可以修改宽高和内外边距。例如：img  input 

    注：凡是带有inline的元素都会具有文字特性（文字间有间隔）

3、HTML语义化

     语义化的目的主要在于可以直观的认识标签和属性的用途和作用。用正确的标签做正确的事。使用语义化的原因主要有以下几点：

• 在没有css时，页面也可以呈现出很好的内容结构、代码结构
• 提高用户体验，比如title alt可以用于解释名词和图片信息
• 利于SEO，语义化能和搜索引擎建立起很好的联系，有利于爬虫抓取到更多的有效信息。爬虫依赖于标签来确定上下文和各关键字的权重
• 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页
  
• 便于开发和维护，语义化更具有可读性

参考：https://www.cnblogs.com/huoshanjun/p/6603580.html