css字体样式代码大全 html好看的字体样式代码( 三 )


  • 简化了字符集的声明
标准的改变:语法松散
  1. 不允许写结束符的标签
  2. area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr
  3. 可以省略结束符的标签
  4. li、dt、dd、p、rpoptgroup、option、colgroup、thread、tbody、tfoot、tr、td、th
  5. 可以完全省略的标签
  6. html、head、body、colgroup、tbody
  • HTML5支持松散的语法极大地兼容了编程人员的不规范代码,同时保证页面效果不会改变 。
  • HTML5是向下兼容的 。
新增的结构标记
HTML5最大的变化就是有了予以,以前的<div>、<sapn>仅仅表示盒子,没有具体的语义 。
<header> 头标签
<nav> 导航
<aside> 侧边栏
<article> 文章标签
<footer> 脚标签
<section> 章节
  • 如果浏览器不识别这些标签,全部当成div标签 。
新增的三个属性
  1. required必填字段
  2. autofocus自动获得焦点
  3. placeholder=”默认显示内容”
例子如下:

css字体样式代码大全 html好看的字体样式代码


新增的表单元素
HTML5的表单元素可以不放在表单域中,可以通过id关联起来,即给form定义id值,将表单元素的属性form=”对应表单的id”
例子如下:
新增的input元素
即 input 的type取值 。
  1. email 输入框-邮件
  2. url 输入框-网址
  3. number 输入框-仅数字
  4. range 可拖动进度条-表示范围
  5. 属性有min最小值、max最大值、value默认取值属性有min最小值、max最大值、value默认取值
  6. color 颜色选择框
  7. date 日期选择框-年月日
  8. month 日期选择框-年月
  9. week 日期选择框-年周
  10. time 时间选择框
  11. datetime-local 年月日时间选择框
select标签
在选择第一项后,还需选择下一项 。
参考代码如下:
<select> <optgroup lable="第一个选项的内容1"><option>第二个选项的内容1</option><option>第二个选项的内容2</option> </optgroup></select>123456datalist数据列表
给为输入框input=”text”提供下拉列表选项 。
datalist参考代码如下:
<datalist id="列表ID"> <option>选项1</option></datalist>123注意:将input 中设置 list取值为列表ID
插入音频、视频播放
音频播放
标签:<audio></audio>
属性 :
  1. 音频地址src 路径取值
  2. 设置显示控制面板controls
  3. 设置自动播放autoplay=”autoplay”
  • 如果不支持此音频格式,则将显示标签内容;
  • 在同一个设置多个音频满足如果不支持第一个音频则播放下一个,可以将在audio标签内容中增加source标签(其中src属性表明音频地址),一个音频设置一个source 。
视频播放
标签:<video></video>
属性 :
  1. 视频地址src 路径取值
  2. 设置显示控制面板controls
  3. 设置自动播放autoplay=”autoplay”
  • 如果不支持此视频格式,则将显示标签内容;
  • 在同一个设置多个视频满足如果不支持第一个视频则播放下一个,可以将在video标签内容中增加source标签(其中src属性表明视频地址),一个视频设置一个source 。
HTML5样式新增【css字体样式代码大全 html好看的字体样式代码】在后面的笔记中整理出 。

推荐阅读