HTML学习笔记（简介，文本）

HyperText Markup Language(使用标签来描述页面的内容和结构)
HTML5设计思想：
1. 兼容已有内容
2. 避免不必要的复杂性
3. 解决现实的问题
4. 优雅降级（新出标签浏览器不支持，可通过嵌入HTML标签进行解析，忽略不支持标签）
5. 尊重实施标准
6. 用户》开发者》浏览器厂商》标准制定者》理论完美
HTML5中的变化：
1. doctype，meta
2. 新增语义化标签和属性
3. 去掉纯展示性标签
4. canvas，video，audio，离线，本地存储，拖拽等
语法：
1. 标签不区分大小写，推荐小写
2. 空标签可以不闭合，比如input,meta
3. 属性不必引号，推荐双引号
4. 某些属性值可以省略，比如required，readonly
段落:<p></p>
标题大小：<h1>..</h1>~<h6>...</h6>
<hr>:段落级别的话题切换，类似分隔符
列表:
1. 有序列表
  1. <ol>.....</ol>
  2. <li>.....</li>
  3. start
2. 无序列表 <ul>....</ul>
3. 定义列表:<dl>.~<dt>...<dt>.~<dd>....</dd>~<dl>
  1. 一个dt可以对应多个dd
  2. 多个dt可以对应一个dd
4. 嵌套规则
引用:
1. <blockquote cite="">........</blockquote>快捷长引用
2. <cite>...</cite>短引用（书名，电影名） <cite>x小王子</cite>
3. <q>.....</q>引用了较短的一句话 <q>字符串是不可变量</q>
预格式化文本
1. <pre>....</pre>
2. 保留空格和换行（防止合并）
<code></code>
1. 代码关键字
2. 长代码
图表：
1. <figure>.......</figure>
2. <figcaption>解释figure内容<figcaption>
网页总体结构划分：在article中可以再次进行相同划分，进行内容划分

强调
1. strong:重要性，严重性，紧急性
2. em:从一句话中突出某个单词
3. b:将词语从视觉上和其他部分区分
4. i:换一种语调去说一句话时
定义与缩写：
1. <dfn>....</dfn>定义
2. <abbr title="缩写解释">...缩写..</abbr>
上下标：<sub>,<sup>
突出,与用户当前行为相关：<mark>
插入和删除：
1. <del>....</del>：删除
2. <ins>...</ins>：插入

HTML学习笔记（简介，文本）

猜你喜欢