HTML5学习笔记(1)

时间:2021-08-05 14:48:04

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">

<!-- saved from url=(0014) about:internet -->

<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的支持情况。