HTML5基础之二(部分HTML5元素用法)

这里列举容易被忽视的元素(完整HTML5标签可以点击这里https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list

文档/元数据类型的元素

base:设置相对的URL(基地址)及属性,作用于当前文档的所有URL。

例如<base target=”_blank” href=”https://zhangxuefei.site”>

DOCTYPE:声明文档类型——<!DOCTYPE html>

link:关联外部的资源,通常为css或icon
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
<link rel=’stylesheet’ href=’style.css’ type=’text/css’ />

meta:设置文档的信息

noscript:包含的内容在脚本禁用或不可用时显示。

 

文本类型的元素

 

分组类型的元素

 

section分节内容类型的元素

 

form表单元素

嵌入内容的元素

map,area,img:这三个一起使用,设置img的热点,可以设置href,或其它事件(onclick)
img 元素中的 “usemap” 属性引用 map 元素中的 “id” 或 “name” 属性(根据浏览器),
为了兼容同时向 map 元素添加了 “id” 和 “name” 属性

例如:

progress:进度条 例如:<progress value=”70″ max=”100″>70 %</progress>

 

这里没有列举完,只是把我觉得容易忽视的,还有一个就是canvas,svg,audio,video等元素,这些需要专门学习和应用。

作者:张雪飞
出处:https://zhangxuefei.site/p/1171
版权说明:欢迎转载,但必须注明出处,并在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

发表评论

电子邮件地址不会被公开。 必填项已用*标注