HTML5与CSS3-创新互联-成都快上网建站

HTML5与CSS3-创新互联

html5:语义化的结构标签,"非革命性的发展"

html5的Doctype声明:



html5指定文件中的字符编码


html5可以省略标记的元素:
1>不允许写结束标记的元素有:
area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr
2>可以省略结束标记的元素有:li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfoot,tr,td,th
3>可以省略全部标记的元素有:
html,head,body,colgroup,tbody

html5对于具有boolean值的属性
对于具有boolean值的属性,例如disabled与readonly等,当只写属性而不指定属性值时,表示属性值为true,不使用该属性则默认为false

html5省略引号
当属性值不包括空字符串,"<",">","=",单引号,双引号等字符时,属性值两边的引号可以省略.如下:


html5新增的结构元素

创新互联专注于濮阳县网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供濮阳县营销型网站建设,濮阳县网站制作、濮阳县网页设计、濮阳县网站官网定制、微信小程序开发服务,打造濮阳县网络公司原创品牌,更为您提供濮阳县网站排名全网营销落地服务。

1>section元素表示页面中的一个内容区块,比如章节,或页面中的其他部分,可以与h2,h3,h4,h5等元素结合使用,标示文档结构

...

2>article元素,表示页面中的一块与上下文不相关的独立的内容,譬如博客中的一篇文章或报纸中的一篇文章
...

3>aside元素
aside元素表示article元素的内容之外的,与article元素的内容相关的辅助信息.

4>header元素表示页面中的一个内容区块或整个页面的标题
...

5>hgroup元素,用于对整个页面或页面中的一个内容区块的标题进行组合.
...

6>footer元素,表示整个页面或页面中的一个内容区块的脚注。一般来说,它会包含创作者的姓名,创作日期以及联系信息
...

7>nav元素表示页面中导航链接的部分

(html4中代码为:)

    8>figure元素表示一段独立的流内容,一般表示文档文体流内容中的一个独立单元,使用figcaption元素为figure元素组添加标题

    PRC

    The People's Republic of China was born in 1949...


    在html4中代码示例:

    PRC


    The People's Republic of China was born in 1949...




    除了结构元素外,html5中新增的其它元素


    1>video元素,定义视频,比如电影片段或其他视频流

    2>audio元素定义音频,比如音乐或其他音频流

    3>embed元素,用来插入各种多媒体,格式是Midi,Wav,AIFF,AU,MP3等

    4>mark元素,主要用来在视觉上向用户呈现出那些需要突出显示或高亮显示的文字。其典型应用就是在搜索结果中向用户高亮显示搜索关键词.

    5>progress元素,表示运行中的进程,可以使用progress元素来显示JavaScript中耗费时间的函数的进程

    85%

    6>time元素,表示日期或时间,也可以同时表示两者

    7>ruby元素,表示ruby注释(中文注意或字符)

    (ㄏㄢˋ)

    8>rt元素,表示字符(中文注音或字符)的解释或发音

    ㄏㄢˋ

    9>rp元素在ruby注释中使得,以定义不支持ruby元素的浏览器所显示的内容

    (ㄏㄢˋ)

    10>wbr元素,表示软换行.wbr元素与br元素的区别是:br元素表示此处必须换行;而wbr元素的意思是浏览器窗口或父级窗口的宽度足够宽时(没必要换行时),不进行换行,而当宽度不够时,主动在此处进行换行.wbr元素好像对字符型的语言作用很大,但是对于中文,貌似没多大用处.

    To learn AJAX,you must be fmiliar with the XMLHttp
    Request Object.


    11>canvas元素,表示图形,比如图表和其他图像。这个元素本身没有行为,仅提供一块画布,但它把一个绘图API展现给客户端JavaScript,以使脚本能够把想绘制的东西绘制到这块画布上

    12>command元素,表示命令按钮,比如单选按钮,复选按钮

    13>details元素,表示用户要求得到并且可以得到的细节信息。它可以与summary元素配合使用。summary元素提供标题或图例。标题是可见的,用户点击标题时,会显示出细节信息。summary元素应该是details元素的第一个子元素

      HTML 5
      This document teaches you eveything you have to learn about HTML 5

    14>datalist元素,表示可选数据的列表,与input元素配合使用,可以制作出输入值的下拉列表

     

    15>datagrid元素,表示可选数据的列表,它以树形列表的形式来显示

    16>keygen元素,表示生成密钥

    17>output元素,表示不同类型的输出,比如脚本的输出

    18>source元素,为媒介元素(比如