【前端】相信你会用到的一篇笔记---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语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。

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

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