html是一切web开发的基础,所有的网页渲染出来的都是HTML标签。 html全称是hyper Text Markup Language(超文本标记语言)。
先理解一下这名字,首先html是一种开发语言,然后解释一下什么是超文本。文本可以分为三种:纯文本、富文本、超文本
1.纯文本
只有文字,没有颜色、图片等任何其他格式和资源。我们平时用的记事本就是纯文本内容。所有其他内容其实都可以看做是一种纯文本,只是里面含有一些标记,通过一些工具软件可以解析成其他内容。基本上我们有记事本,可以打开绝大部分文件,只是内容都是编码的。
2.富文本
不仅有文字,还有文字格式、颜色、布局。还含有视频、图片等内容。我们常用的word就是属于富文本。
3.超文本
在富文本的基础上增加了可以通过超链接进行跳转、导航。
接下来解释一下什么叫做标记。标记可以通俗的理解就是打标记,然后对标记进行特殊处理。div、span就是一种标记。
下面大概梳理一下HTML的发展史
1.1982年,html建立
2.1995年,html2.0发布;
3.1996年,html3.2被W3C组织定为标准;
4.1997年,html4.0发布;
5.2014年,html5.0年定位标准。
这期间,出现了另外一个版本,XHTML。前期的HTML很不严谨,不限制大小写,也不限制闭合。所以写出来的代码很不规范,进而就催生了XHTML。XHTML和HTML是一样的,但是XHTML是严格模式,要求标记必须是小写、必须闭合,希望HTML能够像XML一样规范。但是因为HTML5的出现,XHTML还是泯然众人了。XHTML其实就是一种规范,能够让代码规范,这是所有的项目开发过程中毕竟会经历的阶段。开发初期为了进度,代码的要求不是那么严格,日积月累之后,代码的可读性就越来越差,越来越不优雅。所以才会有XHTML出现,对代码开发过程中进行限制。类似我们现在开发中使用ESLint和Prettier。这种思路是正确的,所以HTML5也是延续了这个思路。
接下说一下HTML里面的一些标记,简单列一下:
标题:<h1>、<h2>、<h3>、<h4>、<h5>、<h6>
段落:<p>
超链接:<a>
图片:<img>
表格:<table>
列表:<ul>、<li>、<ol>、<dl>、<dt>、<dd>
表单:<form>、<input>、<textarea>、<label>、<fieldset>、<select>、<optgroup>、<option>、<button>
块元素(独占一行):<div>、<p>、<nav>、<aside>、<header>、<footer>、<section>、<article>、<ul>、<address>、<h1>~<h6>
内联元素(行内元素):<span>
多媒体:<video>
框架:<iframe>
常用的一下标签就是这些,还有一些使用频率很低的不列了。
注释
html的注释是通过<!-- -->来进行;但一般html中很少加注释。