您的位置：首页 > Web前端 > HTML5

HTML5学习笔记（1）

2013-09-17 17:01 281 查看

1. HTML5 文档类型声明

<!DOCTYPE html>

HTML5的文档类型声明可以触发所有具备标准模式的浏览器的标准模式，包括那些对HTML5一无所知的浏览器。

2. 字符编码

<head>

<meta charset="utf-8">

<title>A Tiny HTML Document</title>

</head>

3. 添加样式表

<head>

<meta charset="utf-8">

<title></title>

<link href="style.css" rel="stylesheet">

</head>

type="text/css"没有必要了

4. 添加javascript

<script src="scripts.js"></script>这里没有必要要type="text/javascript"了。

5. Web标志

<head>

<meta charset="utf-8">



<title></title>

<script src="scripts.js"</script>

</head>

这条注释告诉IE将页面视为从远程网站上下载下来的。否则，IE会切换到一种特殊的锁定模式。弹出一条安全警告，在你点了“允许阻止的内容”按钮之后才会执行JS代码

6. HTML5并不要求网页中必须包含<html><head><body>元素。

HTML5不区分大小写

HTML5允许省略关闭空元素的斜杠。空元素即不会嵌套内容的元素。如<img>

HTML5也修改属性的语法规则，属性值中只要不包含受限的字符（比如>，=或空格），就可以不加引号。

<img alt="Horsehead Nebula" src=Horsehead01.jpg>

只有属性名没有属性值也可以。如<input type="checkbox" checked>

6. 良好的HTML5风格

包含可选的<html>,<body>,<head>元素。

标签全部小写

为属性值加引号

7. 如果想把一个HTML5文档转成XHTML5文档，必须在<html>元素中明确添加XHTML命名空间，关闭每一个元素，所有标签都要小写.....

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

....

....

8. 浏览器支持HTML5情况

有一个网站http://caniuse.com。详细地列出每一款主流浏览器对HTML5的支持情况。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html5

相关文章推荐

新的分享

章节导航