阅读量:0
HTML5 不支持的属性包括：
align, bgcolor, clear, compact等。HTML5 是现代网页开发的核心标准，它提供了许多新的元素、属性和API来简化和增强Web应用的开发，下面将介绍一些常用的HTML5语法，并列举一些不支持的属性：
HTML5 基本结构
1、文档类型声明
<!DOCTYPE html>：告诉浏览器这是一个HTML5文档。
2、HTML 标签
<html></html>：包含整个HTML文档的内容。
3、头部标签
<head></head>：包含文档的元数据，如标题、字符编码等。
4、主体标签
<body></body>：包含页面的所有内容，如文本、图片、链接等。
HTML5 常用标签
1、多媒体标签
<video></video>：用于嵌入视频内容。
```html
<video src="movie.mp4" controls></video>
```
<audio></audio>：用于嵌入音频内容。
```html
<audio src="music.mp3" controls></audio>
```
2、表单标签
<form></form>：用于创建表单。
```html
<form>
<label for="username">用户名</label>
<input type="text" name="username" id="username">
<label for="password">密码</label>
<input type="password" name="password" id="password">
<input type="submit" value="登录">
</form>
```
3、语义化标签
<header></header>：定义页面或部分的头部内容。
```html
<header>
<h1>这是页面标题</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">分类</a></li>
<li><a href="#">标签</a></li>
</ul>
</nav>
</header>
```
<section></section>：定义文档中的章节。
```html
<section>
<h2>这是一篇文章</h2>
<p>文章内容...</p>
</section>
```
<footer></footer>：定义页面或部分的页脚内容。
```html
<footer>
版权信息...
</footer>
```
4、特殊符号
<：小于号。
>：大于号。
&：和号。
©：版权标识。
HTML5 标记的属性
1、class 属性
用于指定元素的类名，常用于CSS样式中。
```html
<div class="wrapper">这是一个容器</div>
```
2、id 属性
用于指定元素的唯一标识符，常用于JavaScript操作。
```html
<div id="container">这是一个容器</div>
```
3、href 属性
用于定义链接目标的URL。
```html
<a href="http://www.baidu.com">百度</a>
```
4、src 属性
用于定义图像、音频、视频等媒体文件的URL。
```html
<img src="image.jpg" alt="图片">
<audio src="music.mp3" controls></audio>
```
5、alt 属性
用于定义图像的替代文本，当图像无法显示时显示该文本。
```html
<img src="image.jpg" alt="图片">
```
6、width 和 height 属性
用于定义图像和媒体文件的显示大小，建议使用CSS样式代替。
```html
<img src="image.jpg" alt="图片" width="100" height="100">
<video src="movie.mp4" width="640" height="480" controls></video>
```
7、style 属性
用于直接在元素上添加CSS样式。
```html
<p style="color: red;">红色文字</p>
```
8、title 属性
用于为元素提供额外的信息，常用于工具提示。
```html
<a href="http://www.example.com" title="访问示例网站">Example</a>
```
9、**data* 属性
用于存储私有自定义数据。
```html
<div datainfo="custom data">自定义数据</div>
```
10、hidden 属性
用于隐藏元素。
```html
<p hidden>隐藏的文字</p>
```
11、spellcheck 属性
用于开启或关闭拼写检查。
```html
<p spellcheck>拼写检查的文字</p>
```
12、draggable 属性
定义元素是否可拖动。
```html
<div draggable="true">可拖动的元素</div>
```
13、contenteditable 属性
定义元素内容是否可编辑。
```html
<p contenteditable="true">可编辑的文字</p>
```
14、tabindex 属性
定义元素的Tab键控制顺序。
```html
<div tabindex="1">可通过Tab键访问的元素</div>
```
15、accesskey 属性
定义键盘快捷方式。
```html
<a href="http://www.example.com" accesskey="e">快速访问</a>
```
16、autofocus 属性
页面加载时自动获取焦点。
```html
<input type="text" autofocus>自动获取焦点的输入框</input>
```
17、placeholder 属性
定义输入框的占位符文本。
```html
<input type="text" placeholder="请输入内容">占位符文本</input>
```
18、required 属性
定义输入字段是否必填。
```html
<input type="text" required>必填字段</input>
```
19、readonly 属性
定义输入字段为只读。
```html
<input type="text" readonly>只读字段</input>
```
20、disabled 属性
禁用输入字段。
```html
<input type="text" disabled>禁用字段</input>
```
21、multiple 属性
允许多选文件或选项。
```html
<input type="file" multiple>多文件上传</input>
```
22、autoplay 属性
页面加载时自动播放媒体文件。
```html
<audio src="music.mp3" autoplay></audio>
```
23、loop 属性
媒体文件播放完毕后自动重新播放。
```html
<video src="movie.mp4" loop controls></video>
```
24、muted 属性
静音播放媒体文件。
```html
<audio src="music.mp3" muted controls></audio>
```
25、controls 属性
显示媒体播放控件。
```html
<video src="movie.mp4" controls></video>
```
26、async 属性
脚本异步加载。
```html
<script src="script.js" async></script>
```
27、defer 属性
脚本延迟执行。
```html
<script src="script.js" defer></script>
```
28、nonce 属性
用于增加CSP的安全性。
```html
<script src="script.js" nonce="randomvalue"></script>
```
29、scoped 属性
限制CSS样式的作用范围，已废弃，不推荐使用。
```html
<style scoped>...scoped样式...</style>
```
30、sandbox 属性
提高iframe安全性。
```html
<iframe src="page.html" sandbox></iframe>
```
31、ping 属性
IE专有属性，用于检测页面是否可达，已废弃，不推荐使用。
```html
<img src="image.jpg" ping="http://example.com">Ping测试</img>
```
32、archive 属性
IE专有属性，用于离线浏览，已废弃，不推荐使用。
```html
<iframe src="page.html" archive="page_backup"></iframe>
```
33、designMode 属性
用于切换页面的编辑模式，已废弃，不推荐使用，可以通过JavaScript实现相同效果。
```html
<iframe src="page.html" designMode="on"></iframe>
```
34、seamless 属性
IE专有属性，使iframe边框消失，已废弃，不推荐使用，可以通过CSS实现相同效果。
```html
<iframe src="page.html" seamless></iframe>
```
35、dir 属性
定义文本方向，已废弃，不推荐使用，可以通过CSS实现相同效果。
```html
<p dir="rtl">从右到左的文字</p>
```
36、translate 属性
IE专有属性，用于翻译文本，已废弃，不推荐使用，可以通过JavaScript实现相同效果。
```html
<span translate="no">不翻译的文本</span>
```
37、maxLength 属性（虽然不是HTML5特有）
用于限制输入框的最大输入长度，已废弃，不推荐使用，可以使用HTML5的pattern属性和正则表达式实现相同效果。
```html
<input type="text" maxLength="10">最大长度10的输入框</input>
```
HTML5 常用语法一览（列举不支持的属性）
1. 基本结构
1.1 doctype
<!DOCTYPE html>：声明文档类型，HTML5 中使用html 作为根元素。
1.2 根元素
<html>：HTML5 的根元素，包含整个 HTML 文档。
1.3 头部元素
<head>：包含文档的元数据，如<title>、<meta>、<link>、<style> 和<script>。
1.4 体元素
<body>：包含文档的可视内容。
2. 标题和段落
2.1 标题
<h1> 到<h6>，<h1> 是最高级别。
2.2 段落
<p>：定义段落。
3. 块级元素和内联元素
3.1 块级元素
<div>：块级容器元素，常用于布局。
<section>：定义文档中的一个区段。
<article>：表示页面中的一个独立内容区域。
<nav>：定义导航链接的部分。
3.2 内联元素
<span>：内联容器元素，常用于文本格式化。
<a>：定义超链接。
<img>：嵌入图像。
4. 表单和表格
4.1 表单
<form>：定义 HTML 表单。
<input>：定义输入字段。
<label>：定义输入字段的标签。
4.2 表格
<table>：定义表格。
<tr>：定义表格行。
<th>：定义表头单元格。
<td>：定义表格单元格。
5. 媒体和脚本
5.1 媒体
<audio>：定义音频内容。
<video>：定义视频内容。
5.2 脚本
<script>：定义客户端脚本。
6. 不支持的属性
HTML5 移除或更改了一些属性，以下是不再支持的属性列表：
6.1 表单属性
type="button"：<input> 的type 属性现在只接受text、password、checkbox、radio、file、image、submit、reset 和email。
type="submit"：<input> 的type 属性现在只接受text、password、checkbox、radio、file、image、submit、reset 和email。
type="reset"：<input> 的type 属性现在只接受text、password、checkbox、radio、file、image、submit、reset 和email。
6.2 其他属性
align：大多数 HTML 元素已移除align 属性。
bgcolor：<body> 元素的bgcolor 属性已移除。
border：<table>、<tr> 和<td> 的border 属性已移除。
frame 和framespacing：<frame> 和<frameset> 的frame 和framespacing 属性已移除。
HTML5 的目标是简化语法并去除过时的特性，以促进网页的标准化和现代化。
