文档说明
作者 | 日期 |
---|---|
方鑫 | 2018-03-16 |
版本说明
版本 | 日期 | 作者 | 修改总结 |
---|---|---|---|
V1.0 | 2018-03-16 | 方鑫 | 更新第一章 |
V1.0.1 | 2018-03-18 | 方鑫 | 第一章补充 |
第一章 HTML入门
1.3 HTML 新增元素
1.3.1 结构元素
元素名称 | 说明 |
---|---|
header | 标记头部区域的内容(用于整个页面或页面中的一块区域) |
footer | 标记脚部区域的内容(用于整个页面或页面的一块区域) |
section | Web页面中的一块区域 |
article | 独立的文章内容 |
aside | 相关内容或者引文 |
nav | 导航类辅助内容 |
1.3.2 功能元素
figure 元素:表示一段独立的流内容,一般表示文档主题流内容中的一个独立单元。使用figcaption元素组添加标题,例如:
<figure>
<figcaption>标题</figcaption>
<p>内容。。。</p>
</figure>
1.7 HTML5 新增全局属性
contentEditable属性
设置contentEditable属性可以使该元素变成可编辑
<ul contenteditable="true">
<li>列表元素1</li>
<li>列表元素1</li>
<li>列表元素1</li>
</ul>
designMode 属性
designMode属性用来指定整个页面是否可以编辑,designMode属性只能在JavaScript脚本里面被编辑
document.designMode="on"
hidden属性
通知浏览器不渲染该元素,处于不可见状态
spellcheck属性
执行拼写检查
<!--以下两种书写正确-->
<textarea spellcheck="true">
<input type=text spellcheck="false" >
<!--以下书写方法错误-->
<textarea spellcheck>
1.8 HTML5 其他功能
Html标记:更新的HTML5编辑。
canvas 2D:画布技术,通过脚本动态渲染位图图像。
Web Messaging:跨文档消息通信。例如:向IFrame中的HTML发送消息。
Web Sockets:基于TCP接口实现双向通信的技术。
Drag and Drop:基于Web的拖拽功能。
Microdata:实现语义网技术,通过自定义Web页面词汇表扩展与实现语义信息。
Audio/Video:原生的音频与视频技术。
Web Workers:基于JavaScript的多线程解决方案。
Web Storage:将信息存储于浏览器本地。于Cookie不同的是,Web Stoage存储的数据更多。
HTML+RDFa:实现语义网的技术。
第二章 HTML5文字和板式变化
2.3 设计段落板式
2.3.1 设置段落样式
<p>...</p>
段落标签
<br>
或 <br />
换行标签 PS:应该没什么区别
2.3.2 设置对齐和缩进
<pre>
可以让文字按原始代码排列<blockquote>
表示引用文字,会将标签内的文字换行并缩进