文档章节

HTML5标签语法变化和使用概念(1)

 跃跃
发布于 2012/07/13 16:51
字数 241
阅读 85
收藏 0

HTMl5标签与HTML4标签区别

(1)概念的变化:

HTML5专注内容与结构,而不专注的表现

(2)声明与标签

HTML5在更多的声明的标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素

image

而在HTML5中

<!DOCTYPE html>

<meta charset=utf-8>

 

image

 

image

<!DOCTYPE html> 
<head> 
<meta charset=utf-8> 
<title>页面结构</title>
<style type="text/css"> 
header,nav,article,footer {border:solid 1px #666;padding:5px}  
header{width:500px}  
nav{float:left;width:60px;height:300px}  
article{float:left;width:428px;height:300px}  
footer{clear:both;width:500px}  
</style> 

<script type="text/javascript"> 
document.createElement('article');  
document.createElement('nav'); 
document.createElement('header'); 
</script> 

</head> 

<body> 

<header>
<hgroup>导航相关数据</hgroup>
</header> 

<nav>菜单</nav> 

<article>
<h1>标题:PHP100视频-HTML5专题教程</h1>
发布日期:<time>19:00</time>
<time datetime="2013-2-14">情人节</time>
<p>测试相关内容</p>
</article>

<footer> 
<address>上海徐汇区-创恩教育-PHP100中文网</address>
</footer> 

</body> 
</html>
image

预览效果如下

© 著作权归作者所有

粉丝 0
博文 12
码字总数 7725
作品 0
虹口
私信 提问
好程序员教程之HTML5中的storage 如何使用

HTML5中,我们常常用到storage,那这个storage到底是什么?有啥用呢?其实,storage是个很简单的东西,只要熟悉JavaScript中对象的童鞋,看完小编本文的分享,对storage的概念及用法应该都能...

好程序员IT
03/22
9
0
HTML5与HTML4的区别(译文)

本文选译自:W3C Working Group Note: HTML5 Differences from HTML4。 解释一下W3C Working Group Note,作为“工作组笔记” 发布,意味着它是一个草稿版文档,可能被其它文档更新、替换或废...

呵呵闯
2018/12/27
12
0
HTML4 和 HTML5 的10个关键区别

HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话 ,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆...

虫虫
2011/10/13
90.6K
14
HTML5学习之Web Storage基础知识

HTML5 Web 存储 在HTML5 Web Storage还没出来之前,本地存储使用的是 cookie. 但是Web 存储需要更加的安全与快速,这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可...

CHIEMINCHAN
2018/05/11
0
0
HTML5:实至名归还是言过其实?

庶几何时,HTML5 开始吸引越来越多的人的目光,尽管 W3C 表示,它的最终成熟还有很长的路,然而并不能阻止人们对它的期待。2007年,HTML5 向 W3C 标准进军,HTML5 的使命是实现富 Web 应用的...

红薯
2010/05/01
1K
3

没有更多内容

加载失败,请刷新页面

加载更多

vue 2打包注意点

使用npm run build打包之后往往直接本地运行,路径类似这样:http://127.0.0.1:5500/xa/dist/index.html 或者http://127.0.0.1:5500/dist/index.html。然后页面打开是空白的,打开控制台查看...

牧云橙
29分钟前
4
0
归并排序

1.原理图 2.代码 public static void merge(int []a,int left,int mid,int right){ int []tmp=new int[a.length];//辅助数组 int p1=left,p2=mid+1,k=left;//p1、p2是检测......

wen123
32分钟前
4
0
css实现透明的两种方法

一、opacity:0~1 值越高,透明度越低: div{opacity:0.5 } 选择器匹配到的节点们,包括节点们的孩子节点,都会实现%50透明,另 0.5 可直接写成 .5 二、rgba(0~255,0~255,0~255,0~1) r...

Bing309
35分钟前
4
0
Tomcat 配置访问路径

此处只是部署完成后idea打开的默认路径,并非项目部署路径, 此处才是项目实际部署路径,可以有多个项目部署路径,idea可以配置默认打开一个

Aeroever
38分钟前
4
0
将ApiBoot Logging采集的日志上报到Admin

通过ApiBoot Logging可以将每一条请求的详细信息获取到,在分布式部署方式中,一个请求可能会经过多个服务,如果是每个服务都独立保存请求日志信息,我们没有办法做到统一的控制,而且还会存...

恒宇少年
39分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部