《网页设计》课件——2-1HTML5基础.pptxVIP

HTML5基础

目录◎HTML5基本语法◎HTML5标签及属性◎HTML5文档头部head标签

1HTML5基本语法HTML5使用了简化的文档类型声明方式，代码如下：!DOCTYPEhtml1.文档类型声明HTML5的文件扩展名仍为.html和.htm，内容类型仍为text/html。2.内容类型

在HTML5中，使用meta元素直接追加charset属性的方式来指定字符编码，代码如下：metacharset=UTF-8/3.字符编码HTML5不区分英文字母的大小写，如果要兼顾XHTML的兼容性，建议采用小写英文字母。4.不区分英文字母的大小写

HTML5代码注释采用!--...--标签，例如。!--这是一段注释。注释不会在浏览器中显示。--p这是一段普通的段落。/p5.代码的注释

在HTML5中，元素的标签可以省略。具体包括3种类型：6.可以省略标签的元素第一、不允许写结束标签的元素有：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track和wbr。第二、可以省略结束标签的元素有：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td和th。第三、开始与结束标签都可以省略的元素有：html、head、body、colgroup和tbody。

属性值两边既可以使用双引号，也可以使用单引号，还可以省略引号。例如下面的三行代码都是合法的。7.可以省略引号inputtype=text/双引号inputtype=text/单引号inputtype=text/省略引号为了代码的完整性及严谨性，建议采用严谨的代码编写模式，这样更有利于团队合作及后期代码的维护。注意：

对于具有boolean值的属性，如disabled与readonly等，当只写属性而不指定属性值时，表示属性值为true；如果想要将属性值设置为false，可以不使用该属性。另外，要想将属性值设定为true，也可以将属性名设置为属性值，或将空字符设定为属性值。例如：8.具有布尔值的属性!--只写属性，不写属性值，代表属性为true--inputtype=checkboxchecked/!--只写属性，不写属性值，代表属性为false--inputtype=checkbox/!--属性值=属性名，代表属性为true--inputtype=checkboxchecked=checked/!--属性值=空字符串，代表属性为true--inputtype=checkboxchecked=/在HTML5中，可以省略属性值的属性有checked、readonly、ismap、nohref、noshade、selected、disabled、multiple、noresize、required等。

2HTML5标签及属性HTML标签分为两大类，分别是“双标签”与“单标签”。双标签是指由开始和结束两个标签符号组成的标签。语法：标签名内容/标签名双标签标签名表示标签作用开始，一般称作“开始标签”/标签名表示标签作用结束，一般称作“结束标签”两者的区别就是在“结束标签”的前面加了“/”关闭符号例如：h1学院介绍/h1开始标签结束标签

2HTML5标签及属性单标签也称空标签，是指用一个标签符号即可完整的描述某个功能的标签。语法：标签名/单标签例如：br/其中br/为单标签，用于实现换行。

2HTML5标签及属性使用HTML标签的属性来给HTML提供更多的信息。语法：标签名属性1=属性值1属性2=属性值2…/内容/标签名标签的属性一个标签可以拥有多个属性，必须写在开始标签中，位于标签名后面属性之间不分先后顺序，标签名与属性，属性与属性之间均以空格分开任何标签的属性都有默认值，省略该属性则取默认值例如：单标签hr表示在文档当前位置画一条水平线（horizontalline），一般是从窗口当前行的最左端一直到最右端。hrcolor=#FF0000size=1width=80%颜色为红色宽度为80%高度为1像素

3HTML5文档头部head标签HTML页面的title标签用于定义HTML页面的标题，即给网页取一个名字。标题信息设置在页面的头部，也就是head与/head之间。语法：title网页标题信息/title1.页面标题标签title例如：title腾讯首页/title腾讯网的主页中的标题代码。

3HTML5文档头部head标签meta标签一般用来定义页面信息的名称、关键字、作者