說明
網道HTML 教程學習筆記
1、概述
HTML 的全名是“超文本标記語言”（HyperText Markup Language）
HTML 是網頁使用的語言，定義了網頁的結構和内容。
2、網頁的基本概念
2.1、标簽
網頁的 HTML 代碼由許許多多不同的标簽（tag）構成。
HTML 标簽名是大小寫不敏感，一般習慣都是使用小寫。
2.2、元素
浏覽器渲染網頁時，會把 HTML 源碼解析成一個标簽樹，每個标簽都是樹的一個節點（node）。這種節點就稱為網頁元素（element）。
2.3、塊級元素，行内元素
塊級元素預設占據一個獨立的區域，在網頁上會自動另起一行，占據 100% 的寬度。
行内元素預設與其他元素在同一行，不産生換行。
2.4、屬性
屬性（attribute）是标簽的額外資訊，使用空格與标簽名和其他屬性分隔。
屬性名是大小寫不敏感的
3、網頁的基本标簽
3.1、 <!doctype>
<!doctype>
網頁的第一個标簽通常是<!doctype>，表示文檔類型，告訴浏覽器如何解析網頁。
有時，該标簽采用完全大寫的形式，以便差別于正常的 HTML 标簽。因為<!doctype>本質上不是标簽，更像一個處理指令。
3.2、 <html>
<html>
标簽是網頁的頂層容器，即标簽樹結構的頂層節點，也稱為根元素（root element），其他元素都是它的子元素。
一個網頁隻能有一個标簽。
該标簽的lang屬性，表示網頁内容預設的語言。
3.3、 <head>
<head>
标簽是一個容器标簽，用于放置網頁的元資訊。
它的内容不會出現在網頁上，而是為網頁渲染提供額外資訊。
如果網頁不包含，浏覽器會自動建立一個。
的子元素
-
<meta>
-
<link>
-
<title>
-
<style>
-
<script>
-
<noscript>
-
<base>
3.4、 <meta>
<meta>
标簽用于設定或說明網頁的中繼資料，必須放在裡面。
一個标簽就是一項中繼資料，網頁可以有多個。标簽約定放在内容的最前面。
一般都可以放置以下兩個标簽。
- 第一個标簽表示網頁采用 UTF-8 格式編碼
- 第二個标簽表示網頁在手機端可以自動縮放。
charset 屬性: 用來指定網頁的編碼方式。
name屬性表示中繼資料的名字，content屬性表示中繼資料的值。它們合在一起使用，就可以為網頁指定一項中繼資料。
http-equiv 屬性，content 屬性: http-equiv屬性用來覆寫 HTTP 回應的頭資訊字段，content屬性是對應的字段内容。
3.5、 <title>
<title>
用于指定網頁的标題，會顯示在浏覽器視窗的标題欄。
标簽的内部，不能再放置其他标簽，隻能放置無格式的純文字。
3.6、 <body>
<body>
标簽是一個容器标簽，用于放置網頁的主體内容。
浏覽器顯示的頁面内容，都放置在它的内部。
4、空格和換行
HTML 語言有自己的空格處理規則。标簽内容的頭部和尾部的空格，一律忽略不計。
标簽内容裡面的多個連續空格（包含制表符\t），會被浏覽器合并成一個。
浏覽器還會将文本裡面的換行符（\n）和回車符（\r），替換成空格。
![Spring MVC 自學雜記（五） -- SpringMVC與前台的json資料互動[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)