02

html5

<!-- #############################组织内容 --><a href="#fruit"> 点击此链接，会查找id属性值为fruit的元素。</a><p id="fruit">段落，默认块级元素</p><b>加粗</b><br /><em>斜体，加以强调</em><br /><i>同em元素,表示外文词or科技术语</i><br /><s>表示一段文字不在正确</s><br /><strong>表示一段重要的文字，同b元素</strong><br /><u>添加下划线</u><br /><small>小号字体内容，免责声明or澄清声明</small><br /> 强制换行<br /> html5新增，告诉浏览器最适合在什么地方拆分<wbr><br /><!-- 表示输入输出 --><code>计算机代码片段</code><br /><var>编程语境中表示变量</var><br /><samp>程序or计算机系统的输出</samp><br /><kbd>用户输入</kbd><br /><!-- 标题引用，引文，定义，缩写，范围科学or学术领域 --><abbr title="title表示该缩写代表的完整词语">缩写</abbr><br /><dfn title="所定义的术语">定义术语，也可以用来解释一个词or短语的含义的句子中的词,如果包含abbr元素，abbr则为要定义的术语</dfn><br /><q cite="指定来源文章的url">引用来自他人的内容</q><br /><cite>引用作品(图书，文章，电影，诗歌)的标题</cite><br /><!-- 使用语言元素 --><!-- 注音符号，帮助读者掌握表意语句文字正确发音的符号，位于文字上方or右方--><ruby>    表示一段包含注音符号的文字,h5新增    <rp>供不支持注音符号的浏览器显示注音符号前后的括号，rp元素内容会被忽略，只显示rt元素内容        <rt>(标记注音符号)</rt>    </rp></ruby><br /><bdo dir="rtl">撇开默认文字方向设置，明确指定其内容中文字方向,必须添加rtl or ltr元素表示左右翻转显示</bdo><bdo dir="ltr">撇开默认文字方向设置，明确指定其内容中文字方向</bdo><br /><bdi>一段出于文字方向考虑而与其他内容隔开的文字,h5新增,针对颠倒文字内容顺序的采用此标签</bdi><p>با على قدم المساواة:10apples</p><br /><!-- 其他文本元素 --><mark>突出显示文本</mark><br /><ins>添加的文字，cite指定解释添加or删除相关文字原因的文档的url,datetime设置修改时间</ins><br /><del>删除的文字</del><br /><time datetime="1984-12-07 15:00">如果pubdate属性存在，则time元素表示的是整个html文档或离该元素最近的article元素的发布时间，datetime属性RFC3329规定格式指定日期or时间</time><blockquote cite="http://wwww.baidu.com">    包含引用的内容块,忽略格式    <hr>    哈哈    <hr /></blockquote><!-- dl:表示说明列表 --><dl>    <dt>表示说明列表中的术语</dt>    <dd>表示说明列表中的定义</dd></dl><!-- 插图 --><figure>    <figcaption>插图标题</figcaption>    <code>public static void main(String[]arge){}</code></figure><!-- #######################文档分节################### --><!-- hgroup元素：将几个标题元素作为一个整体处理,h5新增 --><hgroup>    <h1>标题1</h1>    <h2>标题2</h2></hgroup><h2>标题3</h2><h3>标题4</h3><!-- 包含列入文档大纲or目录中的内容，包含多个段落or一个标题 ,明确生成节，并且与标题分开。h5新增--><section>    <hgroup>        <h1>哈哈呵呵</h1>        <h2>你们不好</h2>    </hgroup>    你们不好吗？    <section>        <h1>哈哈</h1>        你们好吗？        <section>            <h1>哈哈2</h1>            你们好吗2?        </section>    </section></section><!--header:一节首部，包含所有出现在首部的东西，通常包括一个标题元素 or hgroup元素 or 导航栏 h5新增    footer:header配套元素,一节尾部，包含总结信息，作者介绍，版权信息，到相关内容链接。 h5--><header> 头部 </header><footer>尾部</footer><!-- nav:包含到其他页面or同一页面的其他部分链接,作用：规划文档主要导航区域 ,h5--><nav>    <a href="">哈哈</a> <a href=""> 哈哈</a></nav><!-- 代表html中一段独立成篇的内容,如一篇文章，h5 --><article>    <h1>标题</h1>    怪我咯</article><!-- 表示跟周边内容沾一点边的内容，如背景信息，相关文章链接. h5 --><aside>    <h1>哈哈</h1>    <section>        呵呵        <ol>            <li>1</li>            <li>2</li>        </ol>    </section></aside><!-- 表示文档or article元素联系信息 ,为body子元素时表示联系信息为整个文档 h5--><header>    <hgroup>        <h1>标题1</h1>        <h2>标题2</h2>    </hgroup>    <address>        请联系我<a href="">请联系我</a>    </address>    <nav>        <h1>不要哭</h1>        <ul>            <li>我没哭</li>            <li>我没哭2</li>        </ul>    </nav></header><!-- 详情区域，details:用户可以展开它以了解关于某主题的更多详情 summary:为该区域生成一个说明标签 or 标题h5--><details>    <summary>我是标题</summary>    你不是标题</details><!-- #####################表格元素 --><!-- thead:标记表格标题行 --><!-- tbody：表示构成表格主体的全体行，大多数浏览器默认添加 --><!-- headers：可被设置为一个或多个th单元格的id属性值 --><!-- colgroup:代表一组列,导入样式后，不规则的单元格被计入起始列    span:几行    col：代表列组中一列(未使用span元素) --><table border="1">    <caption>这个属性定义表格标题</caption>    <colgroup span="2" />    <colgroup span="1" />    <colgroup>        <col span="2" />        <col />    </colgroup>    <thead>        <tr>            <th id="1">标题1</th>            <th id="2">标题1</th>            <th id="3">标题1</th>            <th id="4">标题1</th>            <th id="5">标题1</th>        </tr>    </thead>    <tbody>        <tr>            <th id="one">标题1</th>            <td headers="1 one">内容</td>            <td headers="2 one">内容</td>            <td headers="3 one">内容</td>            <td headers="4 one">内容</td>        </tr>        <tr>            <th id="two">标题1</th>            <td headers="1 two">内容</td>            <td headers="2 two">内容</td>            <td headers="3 two">内容</td>            <td headers="4 two">内容</td>        </tr>    </tbody>    <tfoot>        <tr>            <th>表脚</th>            <th>表脚</th>            <th>表脚</th>            <th>表脚</th>            <th>表脚</th>        </tr>    </tfoot></table><!-- ##############################表单 --><!-- 

enctype：指定浏览器发送给服务器的数据采用的编码方式
application/x-www-form-urlencoded：默认，url编码
multipart/form-data：文件上传到服务器
text/plan:浏览器不同，方式也不同。chrome采用application/x-www。
autocomplete:默认on，允许浏览器回显。
target:指定提交后，返回的页面形式
_blank:新开窗口or标签页
_parent:显示父窗框组中
_self:默认，当前窗口
_top:顶层窗口
:指定窗口
label:为表单每一个元素提供说明,使用for与input元素中id值相同的标签相关联
autofocus:自动聚焦到某个标签,设置多个，默认最后一个
disabled:禁用标签
fieldset：对表单元素编组
legend:说明标签
disabled:禁用一组标签
button:
submit:提交(default),具备一些特殊属性，用来补充or覆盖form元素设置
h5新增
form:指定按钮相关联的表单
formaction:覆盖form的action属性
formenctype:同enctype
formmethod:同method
formtarget:同target
formnovalidate:同novalidate，表示是否执行客户端数据有效性检查
reset:重置
button:无效果
引用表单外的元素：form元素的id属性值与表单外的input or button form属性一致即可
–>