这两天学习了HTML概览以及HTML标签，现在用博客做一下这两天的总结。
首先关于HTML,他的发明人是：Tim Berners-Lee。他发明的其实就是www(world wide web)--万维网，其中包含了三个内涵以及技术，分别为：URLHTTPHTML。他发明WWW的理念是让大家输入网址就能够看到网页。万维网其实与互联网是有区别的，互联网一开始是通过IP连接两台电脑，让他们彼此互相访问的，二万维网，则是基于互联网，实现了输入地址，就可以看到网页这一些列操作的。大家需要清楚认识到这一点。另外，大家需要注意的是，鉴于WWW后来的火爆，world wide web与其他志同道合的人创建了W3C，是定制HTML标准的一个协会，但是与W3C School两者是不同的，我们需要注意。
一般，我们在学习HTML的相关知识时，当遇到问题，需要搜索资料时，推荐使用MDN+关键词搜索，这样搜出来的资料时最完整和正确的。
当今社会，对于HTML5技术有两个含义，一个狭义，指HTML5语言（他的标签）以及CSS3技术，另外还有一个广义的含义，指：新标签，新属性、新的通信技术-WebSockets、WebRTC等、离线存储技术-LocalStorage断网检测、多媒体技术-视频音频、图像技术-CanvassvgWebGL、Web增强技术-history api全屏、设备相关技术-摄像头触摸屏、新的样式技术-CSS3新的FlexGrid布局方式等的技术集合。
开始写HTML时，有一个起手式：
代码为：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
1、DOCTYPE指文档类型，这里是指定文档类型为html。
2、lang="en"指语言，en代表英语，通常我们改为汉语简体：zh-CN。
3、charset="UTF-8"指文件的字符编码，一般在各个地方的设置我们都把他设为 UTF-8,因为UTF-8是支持所有语言的字符编码。
4、<meta name="viewport" content="width=device-width, initial-scale=1.0">这句是用来禁止手机缩放，兼容手机用的。
5、<meta name="viewport" content="width=device-width, initial-scale=1.0">这句是用来告诉IE使用最新内核的。
6、title是用来显示标题的。
以上就是HTML的起手式，当我们在html的文档里面，打一个感叹号！再回车，就会有上面这段默认代码，我们则在body里面写自己的代码。起手式代码的了解，能够帮助我们更好的了解HTML。
了解完起手式，我们现在开始总结一下HTML的一些标签和属性。
一、HTML的表章节标签
对于HTML的章节标签有：
标题：h1~h6:用于表示不同的标题，h1代表主标题，h2表示次一级标题，然后以此类推。
章节：section：用于表示文章的章节，它里面可以包含其他子章节。
文章：article：用于表示文章。
段落：p：用于表示文章的段落。
头部：header：用于表示页面的头部，这里可以放一些广告之类的。
脚部：footer：用于表示页面的尾部，这里可以放版权。（html里面的版权符号，用©；来表示）
主要内容：main：表示页面的主要部分。
旁支内容：aside：表示页面内容的旁支部分。
划分:div：对页面内容作区域的划分。
二、HTML的全局属性：
HTML的全局属性有：
class：用来匹配标签，便于作样式护着JS的改变。注意，如果使用[class="xxx"]，这样子来获取标签的话，对于一个标签有多个class(class="a b c"),这使用起来非常不方便，需要把整体都匹配起来，所以，一般我们用.a这样子来匹配标签，这样可以单独匹配标签，非常方便。
contenteditable:这个全局属性的作用可以使标签在页面上，让读者自由编辑，非常方便。
hidden：让标签隐藏起来，不显示。他会比display:none优先级更高。
id:全局唯一的时候，可以用id.但是需要注意，当所指定的标签属性不是全局唯一的时候，是不会报错的，所以需要慎重选择使用。
style:这是给HTML标签自身设置样式的属性，它的优先级要比CSS高，但是会比JS低。如果把它放在body里面设置{display:block},然后加上contenteditable，可以实现读者在浏览器上自己设置样式的效果，非常灵活方便。
tabindex：用于控制tab的顺序，tab会根据tabindex的大小顺序执行。需要注意的是，当它为0时，表示最后访问，为-1时，表示不用访问这个标签。
title:作为全局属性，主要用于鼠标放上去以后，出现文字提示。用于单行文字溢出省略时，用鼠标放上去，查看提示标语。
三、HTML常用的内容标签：
HTML常用的内容标签有：
ol+li:顺序列表，li表示顺序列表里面的某一项，ol里面不能含有除li以外的任何字符以及字符串。
ul+li:无序列表，这个列表使用了以后，每一项前面都会有一个小圆点，因为它是不分顺序的，所以，不像有序列表一样前面有数字。
dl+dt+dd:描述列表，dt表示描述的对象，dd表示描述的内容。
pre:HTML中，如果有多个空格或者换行，都会被压缩成一个空格显示，如果想显示多个空格和换行，使用pre包裹起来，就可以使内容按你的要求显示空格和换行。
hr:表示分割线。
br：表示换行。
a:表示连接的标签。
em:表示语气有所强调的内容。
strong:表示内容本身比较重要，需要重视的内容。
code：表示内容为代码，需要注意的是，他里面的字是等宽的，默认是内联元素，如果想要展示多行代码，可以配合pre一起使用。
quote:表示引用，它是一个内联标签，用于行内引用，一般没什么效果，只是表示引用而已。
blockquote:表示引用，与quote不同的是，它是块级引用。
对于HTML入门的笔记，先总结这么多。
扫一扫
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
