HTML基础<area> 在图片上定义一个热点区域，可以关联一个超链接。<area>元素仅在<map>元素内部使用 <b

HTML版本

HTML 4.01
XHTML
HTML5
HTML5.1

可以在 www.w3.org/TR/html5上面看有关于HTML5的标准文档

h5: 能运行在微信上的网页统称h5

HTML文档

<!DOCTYPE html>
<html>
<head>    
    <meta charset="UTF-8">   
    <title>Page Title</title>
</head>
<body>
  …
</body>
</html>

head和body元素可以省略，浏览器会自动添加上去，title省略不合法，但是可以正常显示

常见标签

html、a、form、input、button、h1、p、ul、ol、small、strong、div、span、kbd、video、audio、svg、br

除了div和span，两者都是没有意义的标签，其他标签都有默认样式

注意：

• div一般要声明一个class，用来标注div的作用

• strong 表示内容重要，b代表样式上的加粗

空元素

没有内容的html元素，没有关闭标签

<area> 在图片上定义一个热点区域，可以关联一个超链接。<area>元素仅在<map>元素内部使用
<base> 指定用于一个文档中包含的所有相对URL的基本URL。一份中只能有一个<base>元素。
<br> 在文本中生成一个换行（回车）符号。此元素在写诗和地址时很有用，这些地方的换行都非常重要。
<col>定义表格中的列，并用于定义所有公共单元格上的公共语义。它通常位<colgroup>元素内。
<colgroup> 用来定义表中的一组列表。

<embed> 将外部内容嵌入文档中的指定位置。此内容由外部应用程序或其他交互式内容源（如浏览器插件）提供。
<hr> 表示段落级元素之间的主题转换（例如，一个故事中的场景的改变，或一个章节的主题的改变）。在HTML的早期版本中，它是一个水平线。
<img> 代表文档中的一个图像
<input> 用于为基于Web的表单创建交互式控件，以便接受来自用户的数据
<link> 规定了外部资源与当前文档的关系。这个元素可用来为导航定义一个关系框架。这个元素最常于链接样式表。

<meta> 表示那些不能由其它HTML元相关元素 (<base>, <link>, <script>, <style> 或 <title>) 之一表示的任何元数据信息.
<param> 为<object>元素定义参数
<source> 为 <picture>, <audio> 或者 <video> 元素指定多个媒体资源。这是一个空元素。它通常用于以不同浏览器支持的多种格式提供相同的媒体内容
<track> 被当作媒体元素—<audio> 和 <video>的子元素来使用。它允许指定计时字幕（或者基于事件的数据），例如自动处理字幕。
<wbr> 一个文本中的位置，其中浏览器可以选择来换行，虽然它的换行规则可能不会在这里换行。

head内元素

有效的head元素应该包括meta、link、title、style、script、noscript和base，这些元素告诉浏览器和搜索引擎如何解析和渲染网页

<meta charset="utf-8"> 设置文档编码为utf-8
<title>网页标题</title> 设置网页的标题
<base href="http://example.com/page.html"> 为文档内所有相对url设置一个基本的url
<link rel="stylesheet" href="style.css"> 链接文档外部的css文件
<style></style> 为文档添加样式
<javascript></javascript>
<noscript></noscript>

head元素内推荐最简单的写法

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--上面两个meta标签必须在写在head元素的最上面，确保页面能够被正确渲染，
其他的元素应该跟在上面两个标签的下面 -->
<title>Page Title</title>

关于head内的元素具体信息可以看 https://github.com/joshbuchea/HEAD#elements

可替换元素

可替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。

例如浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来，而如果查看html代码，则看不到图片实际内容；又例如根据<input>标签的type属性来决定是显示输入框，还是单选按钮等。

典型的可替换元素有 <img>、 <object>、 <video> 和表单元素，如<textarea>、 <input> 。某些元素只在一些特殊情况下表现为可替换元素，例如 <audio> 和 <canvas>

noscript标签

引入的最初目的是帮助老旧浏览器的平滑升级更替，因为早期的浏览器并不能支持 JavaScript。noscript 标签在不支持JavaScript 的浏览器中显示替代的内容。这个元素可以包含任何 HTML 元素。