《HTML5+CSS3+JavaScript从入门到精通》读书笔记

#HTML5定义

HTML
HTML（HyperText Markup Language，超文本标记语言）是一种标记语言，它告诉 Web 浏览器如何组织你访问的网页。它可以像 Web 开发者希望的那样复杂或简单。HTML 由一系列的元素组成，你使用这些元素来包围、包装或标记内容的不同部分，使其以某种方式显示或运作。

我们元素的结构是：
开始标签（opening tag）：由元素的名称（本例中为段落的 p）包裹在开、闭角括号中组成。这个开始标签标志着元素开始或生效的位置。在此示例中，它位于段落文本的开始之前。
内容（content）：这是元素的内容。在此示例中，就是段落的文本。
结束标签（closing tag）：这与开始标签相同，只是在元素名称前包含一个正斜杠。这标志着元素的结束。忘记包含结束标签是一个常见的初学者错误，可能会产生奇特的结果。

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <title>我的测试页面</title>
  </head>
  <body>
    <p>这是我的页面</p>
  </body>
</html>

<!doctype html>：文档类型声明（doctype）。在 HTML 早期（1991-1992 年），doctype 旨在作为一套规则的链接，HTML 页面必须遵循这些规则才能被认为是好的 HTML。过去的 doctype 看起来像这样：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
最近，doctype 成为了一个历史遗留物，为了让其他一切正常工作而必须包含它。<!doctype html> 是算作有效 doctype 的最短字符序列。你只需要知道这些！
<html></html>：<html> 元素。这个元素包裹了页面上的所有内容。它有时被称为根元素。
<head></head>：<head> 元素。这个元素充当一个容器，用于存放你想包含在 HTML 页面中但不向页面浏览者显示的内容。这包括会出现在搜索结果中的关键字和页面描述、用于样式化内容的 CSS、字符集声明等等。你将在本系列的下一篇文章中学到更多相关内容。
<meta charset="utf-8">：<meta> 元素。这个元素代表了不能由其他 HTML 元相关元素（如 <base>、<link>、<script>、<style> 或 <title>）表示的元数据。charset 属性将你的文档的字符编码指定为 UTF-8，它包含了绝大多数人类书面语言的字符。通过这个设置，页面现在可以处理它可能包含的任何文本内容。没有理由不设置它，而且它可以帮助避免以后的一些问题。
<title></title>：<title> 元素。它设置了页面的标题，这个标题会出现在加载该页面的浏览器标签页中。当页面被收藏为书签时，页面标题也用于描述该页面。
<body></body>：<body> 元素。它包含了在页面上显示的所有内容，包括文本、图像、视频、游戏、可播放的音轨或其他任何东西。

CSS（层叠样式表，Cascading Style Sheets）
样式是css最小的语法单元，每个样式包含两部分内容，选择器和声明（规则）。
1.选择器（Selector）：选择器告诉浏览器该样式将作用于页面中哪些对象，这些对象可以是某个标签、所有网页对象、指定Class或ID值等。
2.声明（Declaration）：声明可以增加一个或者无数个，这些声明命令浏览器如何去渲染选择器指定的对象。
3.属性（Property）：属性是css提供的设置好的样式选项。属性名是一个单词或多个单词组成，单词之间通过连字符相连。
4.属性值（Value）：属性值是用来显示属性效果的参数。

JavaScript
JavaScript 是一门多范式的动态语言，它包含类型、运算符、标准内置对象和方法。它的语法基于 Java 和 C 语言——这两门语言的许多结构也适用于 JavaScript。JavaScript 使用对象原型和类支持面向对象编程。它也支持函数式编程，因为函数是头等对象，它能通过表达式轻松创建，并像其他对象一样进行传递。

 

posted on 2020-03-02 07:53  阿泰555  阅读(397)  评论(0)    收藏  举报

导航