-
第二次看这个视频了，老师讲的太快，自己也是吸收快忘得快，所以再次学习做了详细的笔记 1. 新增标签 （1）结构标签 （2）表单标签 （3）媒体标签 （4）其他功能标签 <1>结构标签——原来用div （1）section元素——表示页面中一个内容区块，比如章节、页眉、页脚或页面的其他部分。可以和h1、h2等元素结合起来使用，表示文档结构。例：html5中<section>…</section>html4中<div>…</div>。 （2）article元素——表示页面中一块与上下文部相关的独立内容。比如一篇文章。 （3）aside元素——表示article元素内容之外的、与article元素内容相关的辅助信息。 （4）header元素——表示整个页面或页面中一个内容区块的标题。 （5）hgroup元素——表示整个页面或页面中一个内容区块的标题进行组合。 （6）footer元素——表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系方式。 （7）nav标签——表示页面中导航链接的部分 （8）figure标签——表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元，使用figcaption标签为figure标签组添加标题。例如： <figure> <figcaption>PRC</figcaption> <p>the people's republic of china was born in 1949</p> </figure> <2>表单标签 （1） emall——必须输入emall （2） url——必须输入url地址 （3） number——必须输入数值 （4） range——必须输入一定范围内数值 （5） Date Pickers（日期选择器） 拥有多个可供选取日期和时间的新输入类型： date-选择日、月、年 month-选择月、年 week-选择周、年 time-选取时间（小时和分钟） datetime-选取时间、日、月、年（UTC时间） datetime-local-选取时间、日、月、年（本地时间） （6） search——用于搜索域，域显示为常规的文本域 （7） color查看全部
-
1.ol双标签：有序列表（在ol中可设置如start=“50” reversed表示从50开始正序显示） 2.menu双标签：菜单标签（menu中type属性有三个类型，中间内容部分用li双标签把<input type=“”/>装在里面）需要自己定义css样式把它做得更美观 3<iframe seamless srcdoc="<h1>hello</h1>" sandbox src=""></iframe> iframe双标签：内嵌框架标签在一个页面中嵌入另一个页面（seamless有这个属性时框架没有边框也没有边距，srcdoc="”定义内嵌框架的内容与src有顺序的，srcdox在前把src内容覆盖了，sandbox规定内嵌框架安全的基点，src：嵌入文件的地址，width：内嵌框架宽度(可用像素值或百分比)，height：内嵌框架高度(可用像素值或百分比)，scrolling：是否出现滚动条("auto"为自动，"yes"为显示，"no"为不显示)）查看全部
-
对超链接进行优化查看全部
-
全局属性查看全部
-
详细的查看全部
-
结构标签：语义化查看全部
-
耍流氓的兔兔 mark：<mark></mark>颜色会突出 progress:<progress max="100" value="进度"></progress> time:<time datetime="" pubdate>发布时间</time> <ruby><rt>注释内容</rt> <rp>浏览器不支持时的显示内容</rp></ruby> <wbr></wbr>软换行 <details open>展开内容 <summary></summary> <ul> <li></li> </details>查看全部
-
wbr软换行：页面足够宽时不换行，窄的 时候换行 1.结构标签：以前都是通过<div>实现的 （1）section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分； （2）article：特殊独立区块，与上下文不相关的独立内容，表示这篇页眉中的核心内容；（比如一篇文章） （3）aside：article标签内容之外与标签内容相关的辅助信息；（文章的辅助内容） （4）header：整个页面/某个区块的头部信息/标题；（头部信息） （5）hgroup：表示对整个页面或页面中的一个内容区块的标签进行组合；（头部信息的补充内容） （6）footer：表示整个页面或页面中一个内容区块的脚注，一般来说，会包含创作者的姓名、创作日期以及创作者的联系信息； （7）nav：表示页面中导航链接的部分 （8）figure：表示一段独立的流内容，一般表示文档流内容中的一个独立单元，使用figcaption标签为figure添加标题（独立的单元，例如某个有图片与内容的新闻块。）查看全部
-
1.把你想要别人关注的重点要点放在Mark双标签中 2.ruby表示对某个字进行注释查看全部
-
<header> <hgroup> <h1>....</h1> <h2>....</h2> </hgroup> <nav> <ul> <li>....</li> <li>....</li> <li>....</li> <li>....</li> </ul> </nav> </header> <article> <section>....</section> <section>....</section> <section>....</section> <section>....</section> </article> <aside>....</aside> <footer>....</footer>查看全部
-
【HTML5全局属性】 1.可直接在标签里插入的： data-自定义属性名字； hidden（直接放上去就是隐藏）； spellcheck="true"（语法纠错）； tabindex="1"（Tab跳转顺序）； contenteditable="true"(可编辑状态，单击内容，可修改)； 2.在JavaScript里插入的 window.document.designMode = 'on'（JavaScript的全局属性，整个页面的文本都可以编辑了）；查看全部
-
<script> window.document.desginMode = "true"/"false"; </script> 全局属性查看全部
-
<script> window.document.desginMode = "true"/"false"; </script> data-type hidden spellcheck tabindex contenteditable查看全部
-
全局属性查看全部
-
删除属性查看全部
举报
0/150
提交
取消