HTML入门指南

HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）

HTML，从何而来？

1980年，蒂姆·伯纳斯-李爵士在欧洲核子研究中心（CERN）担任独立承包人。在此期间，写下了一个简单超文本程序，名为「ENQUIRE」，查询，这便是万维网的前身。
1989年，伯纳斯-李开始着手将超文本与互联网结合在一起，他使用与ENQUIRE系统相似的概念来构造「一个精巧的管理模型：Mesh」，目的是为访问CERN文档及其相关的文档提供多种方式。（《信息化管理：一个提议》）
1990年，「Mesh」更名为万维网「World Wide Web」。年底，由他编写的世界上第一个 Web 客户端和服务器经互联网超文本传输协议通信成功。
1991年8月6日，世界上第一个网站在CERN搭建，向公众开放。10月，HTML的首个公开描述出现于一个名为HTML Tags的文件中，共描述18个标签，囊括了HTML初始的、相对简单的设计。
……
2014年10月28日，HTML5作为稳定W3C推荐标准发布，意味着HTML5的标准化已经完成。

HTML起手应该写些什么？

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12


<!DOCTYPE html>      <!-- 文档类型 -->
<html lang="zh-CN">  <!-- 文档语言 -->
<head>
    <meta charset="UTF-8">  git
    <meta http-equiv="X-UA-Compatible" content="IE=edge">  <!-- ie应使用最新内核 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  <!-- 防止页面缩放 viewport: 视窗 --> 
    <title>Document</title> <!-- 网页标题 -->
</head>
<body>
    
</body>
</html>

常用HTML标签&属性

章节标签

表示内容框架

标题：h1～h6
section 章节：章节内容，一般出现在文档大纲中
article 文章：文章内容
p 段落
header 头部：顶部
footer 脚部：底部
main 主要内容
aside 旁支内容
div 划分

全局属性

所有标签都有的属性

class 分类
contenteditable 可编辑的：用户可编辑页面上的内容，有些时候是不错的调试技巧。
hidden 隐藏：可以通过css重新设置是否隐藏。
id 名：最好避免使用id，HTML不会对重复的id进行报错，如果id名与window下的全局属性重名，js内直接进行id操作会失效，只能通过document.getElementById('')来获取。
style 样式：HTML的属性，style的优先级高于css，可通过js设置，最终效果由js设置内容覆盖。
tabindex 通过tab键来操控页面：tabindex=0，最后一个选中；tabindex=-1，无法选中。
title 文档标题：鼠标浮动至元素上时显示的属性值

常用内容标签

ol+li：ordered list + list item，有序列表及列表内项目
ul+li：unordered list + list item，无序列表及列表内项目
dl+dt+dd：描述列表+描述对象+描述内容
pre：如果需要保留空格/回车/tab，可以使用pre标签将其包裹
hr 分割线
br 换行
a 超链接
em 强调：默认为斜体，表示情绪语气强调
strong 强调：默认为粗体，表示内容自身重要
code 代码
quote 引用：行内引用
blockquote 引用：块级引用