迁徙4_mark一下HTML常用标签默认值_2016-5-22

时间：2022-11-02 09:02:03
以下内容只在firefox，chrome和ie6,7,8里面测试，其他浏览器没测
  1. <!-- ...... -->：定义注释；
  2. <!DOCTYPE>：定义文档声明，必须放到文档的第一行；HTML5的文档声明为：<!doctype html>；

块元素：

  1. <address>标签：定义文档作者或拥有者的联系信息；如果<address>位于<article>元素内容，则它表示该文章作者或拥有者的联系信息；默认 font-style:italic;
  2. <articel>标签：定义独立的内容；可能的实例如：论坛贴子、报纸文章、博客条目，用户评论等；
  3. <aside>标签：定义其所处内容之外的内容，<aside>的内容应该与附近的内容相关，<aside>的内容可用作文章的侧栏；
  4. <audio>标签：替换元素，定义声音，比如音乐或其他音频流；注：可在标签对之间插入文本内容，这样不支持该标签的浏览器就会显示出这些信息；
  5. <blockquote>标签：定义摘自另一个源的块引用；注：<blockquote>，只应该应用于来自另一个源的引用；如果标记是不需要段落分隔的短引用，请使用<q>；默认 margin:1em 40px; IE678:margin:20px 40px;
  6. <body>标签：定义文档的文体；默认margin:8px;IE67margin:15px 10px;
  7. <caption>标签：定义标签的标题，必须直接放置到<table>标签之后，每个表格只能有一个标题，默认text-align:center;
  8. <col>标签：为表格中的一个或多个列定义属性值，通过使用<col>标签，可以向整列应用样式，而不需要重复为每个单元格或每一行设置样式，只能在table或colgroup元素内使用；注：<col>是空元素，如果希望为多个表格列规定不同的属性值，请使用<col>元素，如果希望为一组表格列规定相同的属性值，请使用<colgroup>元素；
  9. <colgroup>标签：用于对表格中的列进行组合，以便对其进行格式化；用法同<col>，也是空标签；
  10. <datalist>标签：定义选项列表，与input配合使用该元素，来定义input可能的值，datalist及其选项不会被显示出来，它仅仅是合法的输入值列表，使用input元素的list属性来绑定datalist，input的list属性值为datalist的id值；
  11. <dd>标签：定义一个列表中对项目的描述，而<dd>描述这些项目；默认 margin-left:40px;
  12. <details>标签：用于描述文档或文档某个部分的细节；注：与<summary>配合使用可以为details定义标题，标题是可见的，用户点击标题时，会显示出details；目前就chrome支持
  13. <div>标签：定义文档中的分隔(division)或部分(section)，常用于组合块级元素，以便通过样式表来对这些元素进行格式化；浏览器通常会在div元素前、后插入换行符；
  14. <dl>标签：定义一个列表，默认 margin:1em 0; ie6:margin:20px 0;
  15. <dt>标签：定义列表的一个项目；
  16. <footer>标签：定义section或document的页脚；在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息；如果用footer来插入联系信息，应该在footer元素内使用<address>元素；
  17. <form>标签：创建供用户输入的html表单；默认 IE67:margin:20px 0;
  18. <h1>-<h6>标签：h元素定义标题；h1标签一个页面建议只出现一次；h2/h3建议出现不要超过3次；h4/h5/h6可以出现多次；默认 都font-weight:bold;
  19. <h1>标签：默认 font-size:2em;margin:0.67em 0; IE 67:font-size:32px;margin:20px 0;
  20. <h2>标签：默认 font-size:1.5em;margin:0.83em 0; IE 67:font-size:24px;margin:20px 0;
  21. <h3>标签：默认 font-size:1.17em;margin:1em 0; IE 67:font-size:18px;margin:20px 0;
  22. <h4>标签：默认 font-size:1em;margin:1.33em 0; IE67:font-size:16px;margin:20px 0;
  23. <h5>标签：默认 font-size:0.83em;margin:1.67em 0; IE 67:font-size:13px;margin:20px 0;
  24. <h6>标签：默认 font-size:0.67em;margin:2.33em 0; IE67:font-size:10px; margin:20px 0;
  25. <header>标签：定义文档的页眉；
  26. <hgroup>标签：用于对网页或区段(section)的标题进行组合；
  27. <hr />标签：内容中的主题变化，并显示为一条水平线；默认 margin:0.5em 0;border-width:1px; IE67：margin:8px 0;border-width:1px;
  28. <html>标签：告知浏览器这是一个HTML文档；是HTML文档中最外层的元素，也称根元素；
  29. <li>标签：定义列表项，有序列和无序列表中都使用<li>标签；
  30. <menu>标签：定义菜单列表，当希望列出表单控件时使用该标签；默认 padding-left:40px;margin:1em 0;IE678:padding-left:40px;margin:20px 0;
  31. <nav>标签：定义导航链接的部分；如果文档中有“前后”按钮，应该把它放到<nav>元素中；
  32. <ol>标签：定义有序列表；默认 padding-left:40px;margin:1em 0;IE67:padding-left:40px;margin:20px 0;
  33. <p>标签：定义段落，<p>标签里不能潜逃其他块元素；默认 margin:1em 0;IE67:margin:20px 0;
  34. <pre>标签：定义预格式化的文本，被包围在pre元素中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体；<pre>标签的一个常见应用就是用来表示计算机的源代码 ；默认 margin:1em 0;IE67:margin:20px 0;
  35. <summary>标签：包含<details>元素的标题，<details>用于描述有关文档或文档片段的详细信息；<summary>标签应该是<details>标签的第一个子元素；
  36. <ul>标签：定义无序列表；默认 margin:1em 0;padding-left:40px;list-style-type:disc;IE67:margin:20px 0;padding-left:40px; list-style-type:disc;

行内元素：

  1. <a>标签：定义超链接，如果不带href属性，浏览器会把他当成是一个普通的行内元素，因些:hover等效果也就没了；
  2. <abbr>标签：表示一个缩写形式，可以在title属性中把全称写出来，当鼠标移上去时，就可以显示全称(IE6不会)，FF会默认有 border-bottom:1px dotted #000;
  3. <b>标签：定义文本中需要强调的部分，注：如果希望把文本标记为相比其文本更为重要，应该使用<strong>；默认： font-weight:bold;
  4. <canvas>标签：定义图形，比如图表和其他图像，<canvas>只是图形容器，必须使用脚本来绘制图形；默认width:300px;height:150px;
  5. <cite>标签：定义作品(如书籍、歌曲，电影等)的标题；人名不属于著作的标题；默认 font-style:italic;
  6. <em>标签：被强调的文本； 默认 font-style:italic;
  7. <i>标签：定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本；在没有其他元素可用时，比如<b>,<cite>,<dfn>,<em>,<q>,<small>,<strong>，请使用<i>标签；默认 font-style:italic;
  8. <img />标签：定义HTML页面中的图像；是一个替换元素；有两个必须的属性src和alt；注：IE6里如果img放到a里面，img会产生2px的border；虽然img是一个行业元素，但是他也有块元素的特性；
  9. <input />标签：是一个替换元素，规定用户可输入数据的输入字段；根据不同的type属性值，输入字段可以是文本段，复选框，密码字段，单选按钮，按钮等；也有块元素的特性；默认 border-width:2px;padding:1px 0;Chrome: margin:2px;border-width:2px;padding:1px 0;
  10. <label>标签：为input元素定义标签(label)；当用户点击label元素内的文本，会切换到控件本身；label标签的for属性应该等于相关元素的id元素，以便将他们捆绑起来；
  11. <link>标签：定义文档与外部资源之间的关系；大多数时候用来连接样式表；FF其display为none;
  12. <mark>标签：定义带有记号的文本；默认 background-color:yellow;color:#000;
  13. <optgroup>标签：定义选项组，此元素允许组合选项，当使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易； 默认 font-weight:bolder;font-style:italic; Chrome:font-weight:bolder;font-style:normal;
  14. <option>标签：定义下拉列表中的一个选项；<option>标签能够在一带任何属性的情况下使用，但是通常需要value属性，该属性定义了发送到服务器的数据；请与<select>或<datalist>标签结合使用，在其他地方该标签无意义； 默认 padding-left:20px;
  15. <q>标签：定义一个短的引用；浏览器通常会在这种引用的周围插入引号；IE67不支持:before和:after；请使用cite属性来定义该引用的来源；
  16. <select>标签：创建下拉列表；默认 border-width:1px;Chrome:border-width:1px;margin:2px;IE67:border-width:2px;
  17. <small>标签：将旁注(side comments)呈现为小型文本；免责声明、注意事项、法律限制或版权声明的特征通常都是型文本，小型文本有时也用于新闻来源、许可要求；
  18. <source>标签：为媒介元素(如<video>和<audio>)定义媒介资源；
  19. <span>标签：用于对文档中的行内元素进行组合；请使用span元素对行内元素进行分组，以便通过样式对它们格式化；
  20. <strong>标签：定义重要的文本；默认 font-weight:bold;
  21. <sub>标签：定义下标文本；默认 font-size:smaller;vertical-align:sub;
  22. <sup>标签：定义上标文本 ； 默认 font-size:smaller;vertical-align:sup;
  23. <time>标签：定义公历的时间(24小时制)或日期，时间和时区偏移是可选的；该元素能够以机器可读的方式对日期和时间进行编码；
  24. <video>标签：定义视频，比如电影片段或其他视频流；
  25. <wbr>标签：规定在文本中的何处适合添加换行符；如果单词太长，或者担心浏览器会在错误的位置换行，可以使用该标签来添加Word Break Opportunity(单词换行时机)；

行内块元素：

  1. <button>标签：定义按钮，可以在button元素内放置内容，比如文本或图像，这也是该元素与通过input创建的按钮的不同之处，一定要加上type属性，不然各个浏览器type的默认值不一样；如果在HTML表单中使用button元素，不同的浏览器会提交不同的按钮值，所以建议使用input创建按钮在表单中；默认Chrome：border-width:2px;padding:1px 6px;margin:2px;FF：border-width:3px;padding:0 6px;IE6：border-width:2px;
  2. <meter>标签：FF解析的是一个inline，Chrome解析的是一个inline-block；Chrome默认vertical-align:-0.2em;box-sizing:border-box;
  3. <progress>标签：定义运行中的进度(进程)；可以使用该标签来显示javascript中耗费时间的函数的进度； 默认FF:border-width:3px 4px;Chrome:vertical-align:-0.2em;width:10em;height:1em;box-sizing:border-box;
  4. <textarea>标签：定义一个文本区域；各浏览器解析的display值不一样；

隐藏元素：

  1. <head>标签：是所有头部元素的容器；位于<head>内部的元素可以包含脚本、指引浏览器找到样式表、提供元信息等，可用在head部分的标签：<base><link><meta><script><style><title>；
  2. <meta>标签：提供有关页面的元信息(meta-information)，比如针对搜索引擎和更新频度的描述和关键词；<meta>标签位于文档的头部，不包含任何内容；<meta>标签的属性定义了与文档相关联的名称/值对；
  3. <style>标签：定义HTML文档的样式信息；
  4. <title>标签：定义文档的标题；title元素在所有HTML文档中必须的；title元素，定义浏览器工具栏中的标题，提供页面被添加到收藏夹时的标题，显示在搜索引擎结果中的页面标题；一个页面只能有一个；

表格元素：

  1. <table>标签：定义HTML表格，一个简单的表格至少包含一个tr/th/td；更复杂的表格也可以包含caption,col,colgroup,thead,tfoot,tbody等元素；在HTML5中，仅支付"border"属性，并且只允许值为""或"1"； 默认border-spacing:2px;
  2. <tbody>标签：定义一段表格的文体，如果使用thead/tfoot以及tbody元素，就必须使用全部的元素，出现的次序是thead/tfoot/tbody，这样浏览器就可以在收到所有数据前呈现页脚。
  3. <th>标签：
  4. <td>标签：
  5. <tr>标签： 


    -----------------今天遇到很多默认值问题，所以记录一下，准备过一阵自己总结一下。

    -----------------非原创，摘自http://www.codeweblog.com/常用HTML标签以及各浏览器默认值/
标签：

相关文章