第二周HTML总结3

<!-- 【HTML5 新增结构标签】
section:表示页面中的一个内容区块,文档的主体部分,用于将网页或文章划分章节、区块。
article:表示页面中的一块与上下文不相关的独立内容,例如博客中的一篇文章。
aside:表示article元素内容之外的,与article元素内容相关的辅助信息。(常用于相关推荐啊等)
header:网页或文章的头部。
footer:网页或文章的底部。
nav:表示页面中导航链接的部分
hgroup:用于整个页面或页面中一个内容区块的标题进行组合。
-->
 
<!--【HTML5表单属性】
Form:指向特定表单id,实现input无需放于form中,即可通过form提交;
 
Formaction/Formmethod:设置某个submit按钮,提交到指定的action地址,使用指定的method方法。 会覆盖form中的action和method属性
 
Placeholder:自动提示
Autofocus:自动获得焦点
Autocomplete:自动完成功能
 
详见 05_表单form.html 第8部分
 
List:指向指定的datalist的ID,为input绑定一组指定的datalist提示信息(datalist具有和Autocomplete类似的自动筛选完成功能)
>>>写法:<input type="text" list="data1"/>
<datalist id="data1">
<option>1234</option>
<option>2234</option>
<option>3234</option>
</datalist>
>>> 效果图:
 
maxlength:设置输入框的最大输入长度
-->
* background-origin:设置背景图的定位方式。border-box从边框外缘开始,padding-box从边框内缘,content-box从文字内容区开始
* background-origin不改变背景图显示区域大小,只决定左上角定位位置。
 
* background-clip:裁切背景图和背景色显示区域。border-box从边框外缘开始显示,padding-box从边框内缘开始显示,content-box从文字内容区开始显示 。不在显示区域内的背景图或背景色,会被裁切不显示
* background-clip不改变定位位置,只是通过裁切显示部分区域。
*/
 
原文地址:https://www.cnblogs.com/zhang11424/p/6582558.html