这些基本的 HTML5 标签你不能不知道
HTML5元素
HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。
HTML5是用来写网页的一门标记语言。
使用的时候需要在首行声明HTML,如:<!DOCTYPE html>
HTML5所使用的标签
基本标签元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
第一行是声明,然后在一个大的标签中,有一个标签和一个标签。
<head>标签用于声明<meta>信息和<title>等,而<body>则是整个网页的内容区域。
所以说,大部分的标签都是在<\body>中使用的。
其中包括<\h1>至<\h6>6级标题标签。
标签 | 描述 | 样例 |
---|---|---|
a | 超链接 | <a href=“https://blog.csdn.net/qq_21516633”>访问主页 </a> |
area | 图局域超链接 | <area shape=“rect” coords=“0,0,82,126” target="_blank" alt=“Sun” href="#"> |
abbr | 缩写词 | The <abbr title="World Health Organization ">WHO </abbr> was founded in 1948 |
article | 语义独立的部分 | <article>###</article> |
aside | 语义补充的部分 | <aside>###</aside> |
address | 语义联系地址 | <address>###<address> |
b | 加粗 | <b> 这是一个加粗文本 <b> |
base | 规定相对链接默认URL和打开方式 | <head><base href=“haojun.ink/” target="_blank" /></head> |
br | 换行 | 这里会换行 <br> 的哦 |
button | 定义按钮 | <button type=“button”>点我 </button> |
col | 定义表格列类型 | <colgroup> 和 <col> 标签为表格中的列定义类型 |
caption | 为表格定义标题 | |
em | 语义强调 | |
strong | 语义重要 | 表现为粗体 |
dfn | 标记被定义的术语 | |
code | 定义代码 | |
samp | 定义样本文本 | |
kbd | 定义键盘文本 | 表现为文本方块 |
var | 定义变量 | |
cite | 定义引用 | 表现为斜体 |
ul | 无序列表 | |
dl、dd | 带有项目和描述的描述列表 | |
del | 定义删除文本 | 就是加了删除线 |
details | 定义了折叠文件 | 表现有为下拉箭头 |
div | 定义区域 | 可用于网站整体布局 |
待续
这些基本的 HTML5 标签你不能不知道的更多相关文章
- 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页 ...
- HTML5标签与HTML4标签的区别示例介绍_html5教程技巧
(1)概念的变化: HTML5专注内容与结构,而不专注的表现 <header> <hgroup>导航相关数据</hgroup> </header> &l ...
- 解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
方式一:Coding JavaScript <!--[if lt IE9]> <script> (function() { var e = "abbr, articl ...
- [js开源组件开发]html5标签audio的样式更改
html5标签audio的样式更改 由于html5的流行,现在移动端大多数的需求都可以使用audio来播放音频,但您可能只是需要很简单的播放/停止效果,但不同的浏览器上的audio样式却不尽人意,所以 ...
- HTML5标签改变
1.新的文档类型声明(DTD): HTML 5的DTD声明为: <!doctype html> <!DOCTYPE html >等也是正确的,因为HTML语法是不区分大小写的. ...
- 是时候全面使用html5标签了
html5,这个词语,不管是业内还是业外,都已经耳熟能详了.因为已经火了这么长的的时间了.但是,真正开始使用的又有多少人呢?只能用呵呵来形容了! html5真的来了 2014年10月28日,历经八年, ...
- 关于HTML5标签不兼容(IE6~8)
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. 比较常用的HTML5的新标签元素有: <hea ...
- HTML5标签一览
HTML5标签一览,点击下载 访问密码:1907
- html5标签兼容ie6,7,8
注册博客园已经三年了,这三年一直在忙,没时间写博文.也许是忙,也许是懒吧!当然这三年发生了很多事,我也从开发人员转变为前端人员. 是时候对所学的,所用的知识做一下沉淀了.就从这一篇开始吧! html5 ...
随机推荐
- Head First设计模式——中介者模式和备忘录模式
中介者 中介者模式:使用中介者来集中相关对象之间复杂的沟通方式和控制方式. Bob有一个自动屋,当他的闹钟响了只有,闹钟会告诉咖啡壶开始煮咖啡.后来客户不断的提出许多新需求:周末不要提供咖啡.下班后需 ...
- 按 ctrl 时会触发 shift ,导致不能正常使用 ctrl + c 复制
问题描述 不能使用 ctrl 功能键组合,原因是按 ctrl 时 shift 也会被触发. win 10 电脑为例,可以打开虚拟键盘查看按键情况. 当我按下 ctr时 可见 shift 也被触发了. ...
- 李飞飞团队最新论文:基于anchor关键点的类别级物体6D位姿跟踪
6-PACK: Category-level 6D Pose Tracker with Anchor-Based Keypoints 论文地址: 6-PACK: Category-level 6D P ...
- JavaScript----DOM和事件的简单学习
##DOM简单学习 * 功能:控制html文档的内容 * 代码:获取页面标签(元素)对象:Element * document.getElementById("id值"):通 ...
- 洛谷 P5658 括号树 题解
原题链接 简要题意: 求出以从每个节点到根形成的括号序列的合法对数. 算法一 观察到 \(n \leq 8\) ,所以我们可以用 纯粹的暴力 . 用 \(O(n)\) 时间得出当前节点到根的字符串. ...
- 用java分组查elasticsearch
哎,编程路漫漫,一坑又一坑,爬完还会掉,何时是尽头! 今朝有酒今朝醉,程序不对不敢睡! 还是接口昂,今天还是接口有问题,我是很菜,很笨,但是我还是要努力!! 正文: 接口需求是这样的,根据车型查询在线 ...
- 家乐的深度学习笔记「4」 - softmax回归
目录 softmax回归 分类问题 softmax回归模型 softmax运算 矢量表达式 单样本分类的矢量计算表达式 小批量样本分类的矢量计算表达式 交叉熵损失函数 模型预测及评价 图像分类数据集( ...
- java后台调用文件上传接口
借鉴:https://blog.csdn.net/yjclsx/article/details/70675057 /** * 调用流程上传文件接口上传文件 * @param url * @param ...
- Building Applications with Force.com and VisualForce (DEV401) (四):Building Your user Interface
Dev 401-004:Application essential:Building Your user Interface: Module Agenda1.Custom Applications2. ...
- 基于 HTML5 WebGL 的故宫人流量动态监控系统
前言 在当代社会,故宫已经成为一个具有多元意义的文化符号,在历史.艺术.文化等不同领域发挥着重要的作用,在国际上也成为能够代表中国文化甚至中国形象的国际符号.近几年故宫的观众接待量逐年递增,年接待量已 ...