HTML入門筆記

大家好沸久，上星期在饑人谷學習了 HTML 的歷史概述，語法和一些常用標簽余蟹。前幾天因為收拾東西回家卷胯，此筆記一直沒有寫完。今天整理完成后分享給大家威酒，如有錯誤之處窑睁，歡迎指正Ｍο俊（沒有獎勵??）

首先是關(guān)于HTML的歷史:

HTML（英文：HyperText Markup Language，中文：超文本標記語言）由英國計算機科學家Timothy John Berners-Lee創(chuàng)立担钮，同時他也是萬維網(wǎng)的發(fā)明者橱赠。而萬維網(wǎng)（WWW）包括了URL，HTML以及HTTP箫津，本篇只簡單介紹下HTML病线。

HTML起手式

起手式

其中<!DOCTYPE html>
為文檔類型

<html lang="en">
html標簽，可改zh-cn

而head標簽內(nèi)為看不到的元素鲤嫡。

<meta charset="UTF-8" />
字符編碼

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
為防止頁面縮放送挑，用于兼容手機。

<meta http-equiv="X-UA-Compatible" content="ie=edge" />
可要求Ie升級到最新內(nèi)核（11）

<title>Document</title>
為標題

章節(jié)標簽

標題h1~h6
章節(jié)section
文章article
段落p
頭部header
腳部footer
主要main
旁支aside
劃分div

全局屬性

class：類(class找元素非常不方便)暖眼，推薦：

contenteditable惕耕，可以讓所有元素可編輯。<div class="middle bordered" contenteditable>

note:
要想使style標簽可見：放置body內(nèi)诫肠，加style{display:block;}
配合contenteditable可被編輯樣式,這是個調(diào)試技巧司澎，可以先顯示再編輯。
hidden：隱藏栋豫，比display：block優(yōu)先級高
id：不到萬不得已挤安，不用要id，因為不會報錯丧鸯。（唯一性會誤導別人）
簡寫為#xxx蛤铜，js可直接調(diào)用id元素，有些忌諱丛肢，新手不要用围肥。
style：html的屬性，不是css的樣式蜂怎，還可通過js設(shè)置穆刻，js會覆蓋html的style（js優(yōu)先級最高，html>css）杠步。
tabindex：控制tab的順序氢伟。（0是最后訪問，-1是別訪問）
title：可在開發(fā)者模式幽歼，有代碼提示朵锣。
例：標題文字太多，想省略號隱藏试躏。