01.笔记

205 阅读3分钟

HTML

一、文本格式化标签

  1. 加粗:使用strong不用b
  2. 倾斜:使用em不用i
  3. 删除线:使用del不用s
  4. 下划线:使用ins不用u(下划线)

二、<base>标签

  1. 自闭合标签。
  2. 标签规定页面中所有链接的基准 url。
  3. hreftarget两个属性

三、特殊字符

符号 & © ®(注册商标) ²(平方) °(度数) × ÷ ±
代码 &amp; &yen; &copy; &reg; &sup2; &deg; &times; &divide; &plusmn;

四、自定义列表

<dl>
  <dt></dt>
  <dd></dd>
  <dd></dd>
  ……
</dl>

五、表格属性

  1. border:默认为0。
  2. cellspacing:单元格与单元格之间的空白,默认为2px。
  3. cellpadding:单元格与内容之间空白,默认为1px。
  4. align:水平对其方式,center、left、right。
  5. colspan:合并列。
  6. rowspan:合并行。

六、<input>标签属性

  1. max:输入字段的最大值。
  2. maxlength:文本域中所允许的字符最大数目。
  3. 单选框(radio)的name属性必须一致才能起到单选效果,多选框(checkbox)的name属性则不受限制
  4. type="image":同时设置src属性,显示为图像形式的提交按钮。
  5. type="file": 文件上传用。

七、<label>标签属性

  1. 给label标签设置for属性,input标签设置id属性,当二者的值相同时,二者绑定。

八、<form>标签内属性

  1. action:需要将信息传递的服务器地址。
  2. name:区分同一页面的不同表单,使之不会相互影响。

九、<datalist>标签

  1. 定义选项列表。
  2. 与 input 元素配合使用,定义 input可能的值。
  3. datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。
  4. input元素的 list属性来绑定 datalist的id属性。
<input id="myCar" list="cars" />
<datalist id="cars">
  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">
</datalist>

十、<fieldset>标签

  1. <form>标签子元素,将表单内容的一部分打包,并以特殊的形式显示。
  2. disabled属性:禁用fieldset标签中的表单标签。
  3. form属性:form="",表示属于哪个<from>(设置id)表单,这样就不必把<fieldset>写到<form>标签里。

十一、表单元素常用属性

  1. autofocus:页面加载自动获得焦点。
  2. multiple:允许多选上传。(配合shift或ctrl使用)
  3. autocomplete:需要提交按钮,并且设置name属性才能生效。
  4. accesskey:规定元素获得焦点的键盘快捷键,alt+字母使用。

十二多媒体标签

  1. <embed>:定义嵌入的内容,比如插件。自闭合标签。
  2. <audio>:结对标签,标签内部放置不支持音频时的显示文字。
autoplay controls loop muted preload
自动播放 默认不显示控制控件 loop=-1无限循环 加载完成静音 与autoplay冲突
  1. preload属性:
auto 页面加载后载入音频
meta 页面加载后只载入元数据
none 页面加载后不载入音频

4.audio多浏览器支持:

由于不同浏览器的音乐版权限制
<audio controls="controls" preload="auto">
  <source src="song.ogg" type="audio/ogg" />
  <source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
  1. <vedio>标签:同<audio>,多height和width属性。