天天看点

前端-D2

#前端-D2

##目标:

  • 更加清楚地了解HTML是什么,HTML5是什么
  • 学习基本的HTML标签
  • 理解HTML语义化概念

    ##笔记:

    #####HTML:

    HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

    #####HTML5:

    HTML5 是最新的 HTML 标准。

    HTML5 是专门为承载丰富的 web 内容而设计的,并且无需额外插件。

    HTML5 拥有新的语义、图形以及多媒体元素。

    HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。

    HTML5 是跨平台的,被设计为在不同类型的硬件(PC、平板、手机、电视机等等)之上运行。

    #####Web语义化:

    “语义可以简单地看作是数据所对应的现实世界中的事物所代表的概念的含义,以及这些含义之间的关系,是数据在某个领域上的解释和逻辑表示。”

    web语义化也可以简单的理解为:用特定的语言来定义特定的事物。

    人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。因为页面的很大一部分流量是来自搜索引擎的,要使页面尽可能地对搜索引擎友好,所以就要尽可能地使标签语义化。

    ######1、html语义化

    一个 html元素的存在就意味被标记内容的那部分有相应的结构化的意义

    ######2、css语义化

    一般而言,CSS类名的语义化声明方式应当考虑页面中某个相对元素的”用意”,独立于它的“定位”或确切的特性(结构化方式)。像left-bar, red-text, small-title…这些都属于结构化定义的例子。

    ##问题:

  • HTML是什么,HTML5是什么
  • HTML元素标签、属性都是什么概念?
  • 文档类型是什么概念,起什么作用?
  • meta标签都用来做什么的?
  • Web语义化是什么,是为了解决什么问题
  • 链接是什么概念,对应什么标签?
  • 常用标签都有哪些,都适合用在什么场景
  • 表单标签都有哪些,对应着什么功能,都有哪些属性
  • ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方,举个例子

##参考

https://blog.csdn.net/li2274221/article/details/25188497