• HTML5元素标记释义

标记 类型 意义 介绍
文件标记
<html> ● 根文件标记 让浏览器知道这是HTML 文件
META标记
<head> ● 开头 提供文件整体信息
<title> ● 标题 定义文件标题，显示于浏览器顶端
<base> o 基准标记 可将相对URL转绝对及指定链接
<link> o 外部资源连接 必须带rel属性描述
<meta> o 其它META数据 不能被title, base, link, style, 和script元素描述的META数据
<style> ● 嵌入文档风格信息  
部件标记
<body> ● 文档主体开始 文档内容容器
<section> ● 代表通用文档或应用部件  
<nav> ● 导航链接 外部链接或文档内部链接
<article> ● 页面模块 类似文章、摘要或留言POST等形式的记录
<aside> ● 孤立模块 一般作为边栏广告、说明、引用、导航等，aside围堵部分一般与正文耦合较小
<h1> ● 标题标记 此外还有h2, h3, h4, h5, h6
<hgroup> ● 群组标题 用在一组h1-h6这样的元素集合时使用，用来区分主副标题？？
<header> ● 组说明或组导航 也可叫页头标题
<footer> ● 页脚标题 作用范围跟最近部件元素有关
<address> ● 地址或联系信息  
分组内容标记      
<p> ● 段落标记  
<hr> o 水平分割线  
<br> o 换行  
<pre> ● 预格式化分本块  
<blockquote> ● 块引用  
<ol> ● 编号列表  
<ul> ● 项目列表  
<li> ● 列表项  
<dl> ● 定义列表  
<dt> ● 定义名称  
<dd> ● 定义说明  
<figure> ● 流内容区块说明 多结合figcaption使用
<figcaption> ● figure内容属性  
<div> ● 定位标记 无实际意义
       
文本层次语义标记
<a> ● 链接标记  
<em> ● 强调标记  
<strong> ● 加重标记  
<small> ● 字体缩小  
<cite> ● 斜体标记  
<q> ● 引用标记内容 原文是phrasing content，暂不清楚如何翻译
<dfn> ● 术语定义  
<abbr> ● 缩略语  
<time> ● 日期时间  
<code> ● 程序代码  
<var> ● 变量  
<samp> ● 范例  
<kbd> ● 键盘字  
<sub><sups> ● 上标字/下标字  
<i> ● 斜体标记  
<b> ● 粗体标记  
<mark> ● 标记或高亮  
<ruby> ● 注解标记  
<rt> ● ruby子元素 结合ruby使用，比如:<ruby>天<rt>Tian</rt>缘<rt>Yuan</rt></ruby>
<rp> ● ruby子元素 一般做rt元素注释使用
<bdo> ●    
<span> ● 自定义标记  
编辑标记
<ins> ●    
<del> ●    
嵌入内容标记
<img> ● 图片标记  
<iframe> ● 框架标记  
<embed> ● 嵌入标记  
<object> ● 对象标记  
<param> ● 参数标记  
<video> ● 视频标记  
<audio> ● 音频标记  
<source> ● 来源标记  
<canvas> ● 制图标记  
<map> ● 地图标记  
<area> ● 区域标记  
       
表格标记
<table> ● 表格标记 设定该表格的各项参数
<caption> ● 表格标题 做成一打通列以填入表格标题
<colgroup> ●    
<col> ●    
<tbody> ●    
<thread> ●    
<tfoot> ●    
<tr> ● 表格列 设定该表格的列
<td> ● 表格栏 设定该表格的栏
<th> ● 表格标头 相等于<TD>，但其内文字字体会变粗
表单标记
<form> ● 表单标记 决定该表单的运作模式
<fieldset> ●    
<legend> ●    
<input> ● 输入标记  
<label> ●    
<button> ● 按钮  
<select> ● 选择标记  
<datalist> ●    
<optgroup> ●    
<option> ● 选项  
<textarea> ●    
<keygen> ●    
<output> ●    
<progress> ●    
<meter> ●    
       

互动元素
<details> ●    
<summary> ●    
<command> ●    
<menu> ●    
其他标记
<script> ●    
<noscript> ●    
       

备注：

1、● 表示该标记属于围堵标记，需要结束标记</标记>。

2、o 表示该标记属空标记，不需要结束标记。

HTML5元素标记释义的更多相关文章

  1. 不使用JavaScript让IE浏览器支持HTML5元素——张鑫旭

    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2515 如果我们不做什 ...

  2. HTML5元素背景知识

    目录 HTML5元素背景知识 语义与呈现分离 元素选用原则 少亦可为多 别误用元素 具体为佳,一以贯之 对用户不要想当然 元素说明体例 ol元素 元素速览 文档和元数据元素 文档和元数据元素 文本元素 ...

  3. 【HTML5】标记文字

    1.用基本的文字元素标记内容 先看显示效果: 对应HTML代码: <!DOCTYPE html> <html lang="en"> <head> ...

  4. ObsoleteAttribute 可适用于除程序集、模块、参数或返回值以外的所有程序元素。 将元素标记为过时可以通知用户：该元素在产品的未来版本中将被移除。

    官方文档:https://msdn.microsoft.com/zh-cn/library/system.obsoleteattribute(v=vs.110).aspx 备注 ObsoleteAtt ...

  5. html5shiv 是一个针对 IE 浏览器的 HTML5 JavaScript 补丁，目的是让 IE 识别并支持 HTML5 元素。

    html5shiv 是一个针对 IE 浏览器的 HTML5 JavaScript 补丁,目的是让 IE 识别并支持 HTML5 元素. 各版本html5shiv.js CDN网址:https://ww ...

  6. html5.js让IE（包含IE6）支持HTML5元素方法

    原文地址:http://blog.sina.com.cn/s/blog_62a36ec401018oqb.html html5.js让IE(包含IE6)支持HTML5元素方法 微软的最新浏览器IE8及 ...

  7. 让更多浏览器支持html5元素的简单方法

    当我们试图使用web上的新技术的时候,旧式浏览器总是我们心中不可磨灭的痛!事实上,所有浏览器都有或多或少的问题,现在还没有浏览器能够完整的识别和支持最新的html5结构元素.但是不用担心,你依然可以在 ...

  8. DOM扩展之HTML5 插入标记

    11.3.6 插入标记 当需要在文档中插入大量的HTML标记时,通过DOM操作就会是非常麻烦的,相对而言,使用插入标记的技术,直接插入HTML字符串不仅简单而且更快.以下插入标记相关的DOM操作已经纳 ...

  9. HTML5元素1

    文档和元数据元素 元素 说明 类型 HTML5与其他的变化 base 设置相对URL的基础 元数据 无变化 body 表示HTML文档的内容 无 有变化 DOCTYPE 表示HTML文档的开始 无 有 ...

随机推荐

  1. ES6学习笔记（函数）

    1.函数参数的默认值 ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面. function log(x, y = 'World') { console.log(x, y); } log(' ...

  2. nginx多域名、多证书

    环境: 一台nginx服务器 192.168.10.251 两台windowsserver2012 IIS服务器 (192.168.10.252.192.168.10.253) 从阿里云上下载ssl证 ...

  3. Leetcode中sort排序遇到的一些问题

    class Solution { public: static bool cmp(vector<int>a,vector<int>b) { ]-a[]<b[]-b[]; ...

  4. Find out where to contain the smartforms

    Go to table E071 and give smarforms name and it will give the transport req for that. Run SE03, choo ...

  5. pythone函数基础（13）发送网络请求

    需要导入urllib模块,request模块发送网络请求有两种方法 第一种方法# from urllib.request import urlopen# from urllib.parse impor ...

  6. Oracle语言环境变量配置

    创建系统环境变量,以下为GBK和UTF8两种模式: 变量名:NLS_LANG变量值:SIMPLIFIED CHINESE_CHINA.ZHS16GBK 变量名:NLS_LANG变量值:SIMPLIFI ...

  7. inline, block, and inline-block

    总体概念 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素).block元素通 ...

  8. session cookie简介

    会话机制:Web程序中常用的技术,用来跟踪用户的整个会话.常用的会话跟踪技术是Cookie与Session.Cookie通过在客户端记录信息确定用户身份,Session通过在服务器端记录信息确定用户身 ...

  9. Python+Selenium 自动化实现实例-处理分页（pagination）

    场景 对分页来说,我们最感兴趣的是下面几个信息 总共有多少页 当前是第几页 是否可以上一页和下一页 代码 下面代码演示如何获取分页总数及当前页数.跳转到指定页数 #coding:utf-8 from ...

  10. python 下 判断操作系统

    import platform OS = platform.system() # Windows, Linux, Darwin def get_sys(): if OS == 'Darwin': pr ...