第02章__HTML5--全新的HTML

1、第2章 HTML5-全新的HTML 2.1 语法结构 2.3 元素的改变 2.4 属性的改变 2.2 页面架构 2.1 语法结构与HTML4相比，HTML5的语法结构省去了一些不必要的配置信息，因此更加简练。一个简单的HTML5页面，代码如下： HTML5 这是一个HTML页面2.2 页面架构HTML5提供了用于定义页面结构的元素，主要包括如下几个元素： 1. section元素，用于定义一个内容区域。 2. header元素，用于定义页面标题区域。 3. nav元素，用于定义页面中导航栏区域。 4. article元素，用于定义定义页面上下相对独立的信息区域。 5. aside元素，用于定义

2、article信息相关联信息。 6. footer元素，用于定义页面中脚注区域。 使用HTML5提供的页面结构元素可以根据不同功能模块，快速构建页面。例如：网页开发技术网 Java/JSPC#/ASP.NETJava的发展前景 .NET开发入门 版权所有，侵权必究2.3 元素的改变HTML5与之前版本比较，在页面元素方面做出较大调整，不仅新增了一些元素，还对之前不经常使用或使用不便的元素进行了调整。1. 新增元素主要包括如下几个：（1）video元素，用于在页面中添加视频信息。（2）audio元素，用于在页面中添加音频信息。（3）embed元素，用于在页面中添加多媒体插件。（4）mark元素，

3、用于在页面中高亮显示信息。（5）command元素，用于在页面中添加命令按钮。（6）progress元素，用于在页面中添加进度条。（7）details元素，用于描述页面中文档火文档的某部分细节信息。（8）detalist元素，用于定义数据集合，通常与input元素结合使用。（9）output元素，用于在页面中输出信息。2. 停止使用的元素主要包括如下几个：（1）frame元素，该元素曾经是构建页面框架结构不可或缺的元素，但由于页面重用性低，HTML5中不再使用该元素。（2）其他停止使用的元素，分别由HTML5新元素进行取替。包括，applet，bgsound，acronym，dir，isind

4、ex，listing，nextid，plaintext，rb，xmp。2.4 属性的改变HTML5不仅对页面元素进行修改，还对元素的属性进行了调整。1. 新增的表单属性：属性名称适用元素说明autofocusinput,select,textarea,button用于页面加载时，使设置该属性的元素控件获得焦点forminput,output,select,textarea,button,fieldset用于声明设置该属性的元素属于哪个表单placeholderinput(text),textarea 用于对设置该属性的元素进行输入提示requiredinput(text),textarea用于

5、对设置该属性的元素，进行必填校验autocompleteform,input用于对设置该属性的元素，进行自动补全填写min/max/stepinput用于对设置该属性的，包含数字或日期的元素规定限定约束条件multipleinput(email,file)用于规定设置该属性的元素输入域中可选择多个值patterninput用于设置元素输入域校验模式 2. 新增的链接属性：属性名称适用元素说明mediaa,area用于规定设置该属性元素的媒体类型sizeslink用于设置元素关联图标大小，通常与icon结合使用3. 新增的其他属性：属性名称适用元素说明reversedol用于指定列表显示顺序为倒

6、序charsetmeta用于设置文档字符编码方式typemenu用于设置menu元素显示形式labelmenu用于设置menu元素标注信息scopedstyle用于设置样式作用域asyncscript用于设置脚本执行方式为同步或异步manifesthtml用于设置离线应用文档缓存信息sandbox,seamless,srcdociframe用于设置提高页面安全4. 停止使用的属性：HTML4属性HTML5处理方法align,autosubmit,background,bgcolor,border,clear,compact,char,charoff,cellpadding,cellspacin

7、g,frameborder,height,hspace,link,marginheight,marginwidth,noshade,nowrap,rules,size,text,valign,vspace,width,使用CSS样式表替代原属性target,nohref,profile,version停止使用charset,scope使用HTTP Content-type头元素revrel替代shape,coords使用area替代a5. 全局属性：全局属性是HTML5中的一个新的概念，它的作用是适用于所有的页面元素。HTML5中的全局属性主要包含如下几个：（1）contentEditable。当contentEditable属性值设置为true时，设置该属性的元素处于可编辑状态，用户可任意编辑元素内部信息；当contentEditable属性值设置为false时，设置该属性的元素处于不可编辑状态。（2）draggable。当draggable属性设置为true时，对应元素处于可拖拽状态；当draggable属性设置为false时，对应元素处于不可拖拽状态。（3）hidden。在HTML5中绝大多数的元素都支持该属性设置。设置hidden属性为true时，设置该属性的元素在页面中处于不显示状态；设