HTML学习笔记(简介,文本)
其他
2018-10-07 20:22:32
阅读次数: 0
- HyperText Markup Language(使用标签来描述页面的内容和结构)
- HTML5设计思想:
- 兼容已有内容
- 避免不必要的复杂性
- 解决现实的问题
- 优雅降级(新出标签浏览器不支持,可通过嵌入HTML标签进行解析,忽略不支持标签)
- 尊重实施标准
- 用户》开发者》浏览器厂商》标准制定者》理论完美
- HTML5中的变化:
- doctype,meta
- 新增语义化标签和属性
- 去掉纯展示性标签
- canvas,video,audio,离线,本地存储,拖拽等
- 语法:
- 标签不区分大小写,推荐小写
- 空标签可以不闭合,比如input,meta
- 属性不必引号,推荐双引号
- 某些属性值可以省略,比如required,readonly
- 段落:<p></p>
- 标题大小:<h1>..</h1>~<h6>...</h6>
- <hr>:段落级别的话题切换,类似分隔符
- 列表:
- 有序列表
- <ol>.....</ol>
- <li>.....</li>
- start
- 无序列表 <ul>....</ul>
- 定义列表:<dl>.~<dt>...<dt>.~<dd>....</dd>~<dl>
- 一个dt可以对应多个dd
- 多个dt可以对应一个dd
- 嵌套规则
- 引用:
- <blockquote cite="">........</blockquote>快捷长引用
- <cite>...</cite>短引用(书名,电影名) <cite>x小王子</cite>
- <q>.....</q>引用了较短的一句话 <q>字符串是不可变量</q>
- 预格式化文本
- <pre>....</pre>
- 保留空格和换行(防止合并)
- <code></code>
- 代码关键字
- 长代码
- 图表:
- <figure>.......</figure>
- <figcaption>解释figure内容<figcaption>
- 网页总体结构划分:在article中可以再次进行相同划分,进行内容划分
- 强调
- strong:重要性,严重性,紧急性
- em:从一句话中突出某个单词
- b:将词语从视觉上和其他部分区分
- i:换一种语调去说一句话时
- 定义与缩写:
- <dfn>....</dfn>定义
- <abbr title="缩写解释">...缩写..</abbr>
- 上下标:<sub>,<sup>
- 突出,与用户当前行为相关:<mark>
- 插入和删除:
- <del>....</del>:删除
- <ins>...</ins>:插入
转载自blog.csdn.net/didadu/article/details/82776918