HTML/HTML5那些事

参考资料

https://www.mk2048.com/blog/blog_0k0ja1jjbb.html

什么是HTML

html5

网页结构

是一个声明，全名是Document Type HyperText Mark-up Language，表示这是html5规范的页面 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词 标签位于文档的头部，不包含任何内容。 提供的信息是用户不可见的。 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能

常用的meta标签：

1.http-equiv属性

它用来向浏览器传达一些有用的信息，帮助浏览器正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值

<!--重定向 2秒后跳转到对应的网址，注意分号-->
<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">
<!--指定文档的内容类型和编码类型 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!--告诉IE浏览器以最高级模式渲染当前网页-->
<meta http-equiv="x-ua-compatible" content="IE=edge">

2.name属性

主要用于页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’号隔开，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

文本样式标签：

：加粗
：斜体
：下划线
：删除线
：上标
：下标
或：特别强调某几个字

段落标签P

这就是块级标签（又叫行级标签）的特点，不管内容有没有占一行，它都会默认把一行占满，而像前面的em，i，之类的这种内容多少就占多少，而且不会默认沾满一行的就是内联标签。

a

目标文档为下载资源 例如：href属性值，指定的文件名称，就是下载操作(rar、zip等)
电子邮件链接 前提：计算机中必须安装邮件客户端，并且配置好了邮件相关信息。 例如：联系我们
返回页面顶部的空链接或具体id值的标签 例如：内容或内容
javascript：是表示在触发默认动作时，执行一段JavaScript代码。 例如：内容
javascript:;：表示什么都不执行，这样点击时就没有任何反应 例如：内容

ul ol li

里面那个type和circle即ul和ol各自的属性，circle表示是一个圆圈，类似句号的标志，type即表示以什么排序方式，给一个“a”表示用字母开始排序

常用的特殊字符：

内容	代码
空格	 
>	>
<	&lt;
&	&amp;
¥	&yen;
版权	&copy;
注册	&reg;

分类

HTML中标签元素三种不同类型：块状元素，行内元素，行内块状元素

块级元素特点：display:block;

每个块级元素都从新的一行开始，并且其后的元素也另起一行。独占一行
元素的高度、宽度、行高以及顶和底边距都可设置。
元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
常用的块状元素：

<div> <p> <h1>~<h6> <ol> <ul> <table><form> <li>

行内元素特点：display:inline;

和其他元素都在一行上；
元素的高度、宽度及顶部和底部边距不可设置；
元素的宽度就是它包含的文字或图片的宽度，不可改变。
常用的行内块状元素：

<img> <input>

行内块状元素的特点：display:inline-block;

和其他元素都在一行上；
元素的高度、宽度、行高以及顶和底边距都可设置
常用的行内元素

<a> <span> <br> <i> <em> <strong> <label>