【前端】相信你会用到的一篇笔记---HTML篇

个人博客：smile小站
欢迎来访，欢迎互换友链

1.什么是 HTML ？

HTML 是一种超文本标记语言
HTML 是一种标记语言而非编程语言
HTML 是网站的骨架，负责整个网站的结构

HTML5 ：

HTML5是构建Web内容的一种语言描述方式
HTML5是Web中核心语言HTML的规范
HTML5在从前HTML4.01的基础上进行了一定的改进
HTML5 是最新的 HTML 标准。
HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。
HTML5 拥有新的语义、图形以及多媒体元素。
HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。
HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。

2. HTML 中的元素

从开始标签，到结束标签的所有内容
开始标签又可称为开放标签，结束标签称为闭合标签

3. HTML 元素语法

从开始标签开始，到结束标签的结束
HTML 元素可以进行嵌套
HTML 存在空元素
空元素在开始标签中关闭
大多数 HTML 元素可以拥有属性
提示：（xhtml强制）
标签必须关闭
标签需要小写

4.常见标签汇总

html 网页根元素，定义了整个 HTML 文档
head
body 网页的主体
块元素：
div
table 表格
form 表单
ul 无序列表
- li
ol 有序列表
dl 定义列表
- dt
- dd
h1~h6 标题
p 段落
pre
blockquote
行内元素：
span
a
label
q 引用
del 删除
sup 上标
sub 下标
abbr 定义缩写
空元素：
hr 创建水平线
br 换行
img
input
link
meta
H5新标签：
header nav main article section aside footer time audio video canvas …

5.HTML 属性

HTML 标签可以拥有属性，属性提供了 HTML 更多信息
属性以键值对的形式存在比如 id = “smile”

属性值用引号包裹（推荐使用双引号）
属性，属性值推荐使用小写
属性在 HTML 元素的开始标签中规定

HTML 元素基本属性： class id style title

6. meta 元素

meta 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。

搜索引擎权重： title > description > keywords

7. base 元素

标签为页面上的所有链接规定默认地址或默认目标。

8.文档类型是什么概念，起什么作用

用来说明web设计中所用的html或xhtml的类型，指出浏览器或者其他阅读程序按照什么样的规则

web语义化是什么？为了解决什么问题？

Web语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。

如果可以在合适的位置使用恰当的标签，那么写出来的页面语义明确，结构清晰，搜索引擎也可以认出哪些是页面重要内容，予以较高的权值。简而言之，就是你在看到内容的时候想想用什么标签能更好的描述它，是什么就用什么标签。

语义化的网页的好处，最主要的就是对搜索引擎友好，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取，你网站的推广便可以省下不少的功夫。