HTML=超文本标记语言（HyperText Markup Language）
HTML适用于创建网页的标记语言。作为一种基础技术，通常和CSS 、JavaScript 一起完成网页的设计，以及应用程序的用户界面的编写。网页浏览器可以读取HTML文件，并将其渲染成为可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言，而不是编程语言。
HTML元素是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等，也可以爱一定程度上描述文档的外观和语义。HTML的语言形式为＜＞包围的HTML元素，浏览器使用HTML标签和脚本来诠释网页内容，但不会将它们显示在页面上。HTML当中也可以嵌入Javascript脚本语言来影响网页的行为。网页浏览器通过引用层叠样式表（CSS）来定义文本和其它元素的外观和布局。
HTML的发展起源
在1989年的时候，李爵士在备忘录中提出一个基于互联网的超文本系统，规定了HTML并且在1990年底写出了浏览器和服务器软件。首次公开描述HTML是在李爵士在1991年底，玉HTML Tags里面提及。在这篇文章里面，李爵士描述了18个元素，包括初始时候相对简单的设计。其设计深受CERN内部的一个标准通用标记语言为基础的文件格式影响。至今仍然有11个元素存在HTML当中被使用。
书写HTML规范
HTML的起手声明应该包括以下代码：
<!DOCTYPE html><html lang="en"><head><mata charset="UTF-8"><mate name="viewport" content="width=device-width,intial-scale=1.0"><mate http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title></head><body></body></html>
第一句意为说明文档类型为html
第二句是html标签，里面内嵌了语言，默认为”en”，可更改为”zh-CN”
接下来head里面的内容，用来配置一些信息，这部分通常不会显示到网页当中。
<mata charset="UTF-8">这句话定义了这个文件的编码方式为”UTF-8”，几乎支持所有的语言
<mate name="viewport" content="width=device-width,intial-scale=1.0">来表示为禁用缩放并且兼容手机
<mate name="viewport" content="width=device-width,intial-scale=1.0">告知IE应使用最新的内核打开
<title>Document</title> 两个title内的字符为网页的标题，可以进行修改，以突出网页主题
接着说一些HTML当中比较常用的标签
章节标签
- h1~h6：用来表示一级~六级标题
- section：用来表示一个章节
- p：可以用来表示章节内的一个段落
- article：用于文章的标签
- header：可以用作页面的头部
- footer：可以用作页面的脚部
- main：用于显示页面的主体内容
- aside：可以用作旁支内容
-
内容标签
ol+li：有序列表
- ul+li：无序列表
- dl+dt+dd：说明标签组。dt表示需要说明的文字，dd则表示说明的内容
- pre：用来保持空格、回车、缩进等保留到页面当中
- code：可以搭配pre，在网页当中呈现代码片段
- hr：用一条线进行分割上下文
- br：换行
- a：用作链接到另一个地址的标签
- em：表示文字与其重要
- strong：表示文字内容本身重要
- quote：表示内联引用
blockquote：块级引用，效果为：引用内容换行缩进显示
全局属性
class：添加class属性，可以在CSS当中为这个元素设定特定的样式
- contenteditable：添加此属性之后，可以让元素在网页上面编辑
- hidden：可以让元素隐藏不显示
- id：不到万不得已不得添加的属性，用以区分辨识元素
- style：元素可以内联添加style属性，在里面添加样式
- tabindex：可以通过此属性决定元素在页面当中按几次tab可以遍历到，当所有元素的tabindex值均为正数时，那么遍历顺序即为数字从小到大排列。当设置值为0时，表示此元素最后一个遍历；若 值为负数，那么表示此元素不被遍历
- title：用来帮助超长文本在隐藏条件下鼠标悬停时显示完整文本
———————————————————————————————————————————————————
若有收获，就点个赞吧
0 人点赞
