Html知识点小结

code_susu
218 阅读3分钟

  • w3c:

    万维网联盟（World Wide Web Consortium，W3C）,又称W3C理事会，是万维网的主要国际标准组织。为解决网络应用中不同平台、技术和开发者带来的不兼容问题，保障网络信息的顺利和完整流通，万维网联盟制定了一系列标准并督促网络应用开发者和内容提供者遵循这些标准。

  • html中没有块级元素 内联元素之分，之所以呈现为块级和内联是因为浏览器内置的默认样式给予的

  • alert标签：

    alertnative 可选，选择性的，替代，如果img的src下载失败就显示alert标签中的内容

  • 在使用div和span时加上class名，因为div和span是无意义的标签。

  • class名称为驼峰形式或者横线连接,class命名时表达的意思是这个标签所包含的内容是什么，而不是这个标签要长什么样子。

  • 一定要注意语义化

  • main标签：

    表示主要内容

  • h2 可表示副标题，h1表示最重要的内容

  • hr : 水平分割线

  • dl,dt,dd 描述列表标签

      <dl>
  <dt>计算机</dt>
  <dd>用来计算的仪器 ... ...</dd>
  <dt>显示器</dt>
  <dd>以视觉方式显示信息的装置 ... ...</dd>
  </dl>

  • footer：页脚部分 可以用footer标签

  • 通常在一个空元素上使用一个闭标签是无效的， html中的空标签有：

      <area>
  <base>
  <br>
  <col>
  <colgroup> when the span is present
  <command>
  <embed>
  <hr>
  <img>
  <input>
  <keygen>
  <link>
  <meta>
  <param>
  <source>
  <track>
  <wbr>

  • 可替换元素有

      <img>
  <object>
  <video>
  和 表单元素，如<textarea>、 <input> 。

  • body标签默认的margin值是 8px

  • section 表示章节

  • iframe

    主要是它的name属性，如下代码，在点击打开qq时，则会在iframe中打开qq的首页

      <iframe src="#" name="xxx"></iframe>
  <a target="xxx" href="http://qq.com" >打开qq</a>

iframe的src 属性 也可以写相对路径，

  • form

    如果form 里面没有提交按钮，那这个表单也就没办法提交了，除非用js来提交，form提交时是post ,a标签提交时是get

    注意：如果一个form表单中没有提交按钮，但是有 <button></button>标签，那么<button></button>会自动升级为提交按钮，但是如果button的type="button"的话，就不会成为提交按钮了。

    <input type="submit" /> 如果有这个的存在的话，回车就可以提交

  • label，将input 用label标签包起来，就可以实现点击文字，就定位到输入框中的功能（下面的输入框可以试一下）

    <label>输入姓名<input type="text"/></label>

    输入姓名

  • 如果两个单选框<input type="radio" name="friut" value="orange" />的name一样的话，就只能选中其中一个单选框.

  • textarea,宽高最好用css写，resize: none; 可以使文本框不能被拖动

  • colgroup

    colgroup的用法如下，每一个col表示每一列的具体宽度。放在<table>里面的<thead>之前

      <colgroup>
      <col width="70">
      <col width="100">
      <col width="200">
  </colgroup>
avatar
文章
阅读
粉丝