这是我在 daqianduan.com/6549.html 看到的一篇文章,收藏学习。距HTML5标准规范制定完成并公开发布已经有好些年了,面试时也少不了要问对HTML5语义化得理解。但是在实际运用时,真正使用HTML5标签来开发的似乎不是很多(ps:查看了几个巨头公司网站推论),可能一部分原因是仍有部分用户使用在使用低版本浏览器。 但是就我个人而言,因选取一些标签时会比较纠结,所以仍使用了div。(PS:正是因为这样,才有了这篇文章的,没错...
定义和用法<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。注意:section 不是一个专用来做容器的标签,如果仅仅是用于设置样式或脚本处理,专用的是 divsection 里应该有 标题(h1~6),但文章中推荐用 article 来代替一条简单的准则是,只有元素内容会被列在文档大纲中时,才适合用section元素。section的作用是对页面上的内容进行分块,如各个有标题的版块、功能区或对文章进行分段,...
标签名字单双标签标签描述标签类型和特点<Doctype>单标签定义文档类型 <html>双标签定义HTML文档 <meta>单标签 <body>双标签 <title>双标签 <div>双标签 块元素 (宽度默认100%,独占一行,宽度可调)<input>单标签定义输入控件行内块元素 (宽度不占100%,宽度可调.默认宽度是内容宽度)<button>双标签 行内块元素 (宽度不占100%,宽度可调.默认宽度是内容宽度)<span>双标签 行内块元素 (宽度不占100%,宽度可调.默认宽度...
nav元素的使用场合aside元素的使用场合aside元素主要有以下两种使用方法:1、被包含在article中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的参考资料、名词解释等2、在article元素之外使用,作为页面或站点全局的附属信息部分html5细节概述1、一个网页内并未限制header元素的个数,可以拥有多个,也可以为每个内容区块加一个header元素(footer同理)2、autofocus:一个页面上只能有一个控件具有该属性3、patter...
语义化定义:关注语言本质含义的语言学和逻辑学分支学科对于代码本身,任何用户代理(网页浏览器、屏幕阅读器、搜索引擎爬虫)并不能理解其意义(div,table)等html5增加语义化标签用以解决这个问题,主要包括:section、nav、artical、aside、hgroup、header、footer、address原文:http://www.cnblogs.com/bluers/p/3589938.html
新增的结构标签
section元素 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用,表示文档结构。例:HTML5中<section>……</section>;HTML4中<div> ……</div>。 article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。 aside元素 表示article元素内容之外的、与article元素内容相关的辅助信息。 header元素 表示页面中一个内容区块或真个页面的标题。 hgroup元...
一、 <canvas>简介(了解)1. 什么是canvas:是HTML5提供的一种新标签<canvas></canvas> 英 [‘k?nv?s] 美 [‘k?nv?s] 帆布 画布Canvas是一个矩形区域的画布,可以用JavaScript在上面绘画。控制其每一个像素。canvas 标签使用 JavaScript 在网页上绘制图像,本身不具备绘图功能。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。HTML5之前的web页面只能用一些固定样式的标签:比如p、div、h1等,但有了canvas ...
一、指代不同1、<head>标签:是网页的HEAD(头)部分中包含有的内置标签,用来申明使用的脚本语言,以及网页传输时使用的方式等。2、<header>标签:header标签是HTML5新增标签元素。 二、浏览器支持不同1、<head>标签:浏览器都支持。2、<header>标签:旧版本浏览器均不支持,需要IE9+以上浏览器、最新谷歌Chrome等浏览器才支持。三、支持属性不同1、<head>标签:<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信...
本文章属于个人之见,仅供参考!现在绝大部分人做网页采用div+css的方式布局页面,这在布局上依旧可以持续火热,但是如果你想让你的网站更利于seo,那么考虑使用htnl5新增的结构标签会更亲近搜索引擎.关于html5新增的结构标签请查阅相关帮助文档,这些结构标签并没有实际的效果,举个例子:<nav></nav>标签对,是一个导航标签,通常在里面放置导航菜单,如果换作div并没有任何视觉上的却别,nav标签相当于是加了一个默认意义的div标...
<header></header> 页眉 主要用于页面的头部的信息介绍,也可用于板块头部<nav></nav> 导航 一般用于网页的导航栏<hgroup> 页面标题和标语的组合 <h1>妙味</h1> <h2>我是dada</h2></hgroup> 一个标题和一个子标题,或者标语的组合<footer></footer> 页脚 页面的底部 或者 版块底部<section></section> 页面上的版块 用于划分页面上的不同区域,或者划分文章里不同的节<article></article> 用来在页面中表示一套结构完整且独...
HTML5 中新增的<details>标签允许用户创建一个可展开折叠的元件,让一段文字或标题包含一些隐藏的信息。 用法一般情况下,details用来对显示在页面的内容做进一步骤解释。其展现出来的效果和jQuery手风琴插件差不多。其大致写法如下:1234567891011121314<details><summary>Google Nexus 6</summary><p>商品详情:</p><dl><dt>屏幕</dt><dd>5.96” 2560x1440 QHD AMOLED display (493 ppi)</dd><dt>电池</dt><dd>3220 mAh</dd><dt>...
定义和用法 <embed> 标签定义嵌入的内容,比如插件。 实例 <embed src="helloworld.swf" />HTML 4.01 与 HTML 5 之间的差异 <embed> 标签是 HTML 5 中的新标签。 属性 new : HTML5 中的新属性。 属性 值 描述 height pixels 设置嵌入内容的高度。 src url 嵌入内容的 URL。 type type 定义嵌入内容的类型。 width pixels 设置嵌入内容的宽度。 这里说它是 HTML 5 中的新标签,其实它在HTML4中早已见怪不怪了。 为什么说它是个鸡肋...
html5第一章(概论)1 html5第一章(概论)2 html5第一章(概论)3 html5第一章(概论)4 html5第一章(概论)5 html5第一章(概论)6 html5第一章(概论)7 html5第一章(概论)8 html5第二章(工具及资料)1 html5第二章(工具及资料)2 html5第三章(标签、页面结构和... (1) html5第三章(标签、页面结构和... (2) html5第三章(标签、页面结构和... (3) html5第三章(标签、页面结构和... (4) html5第三章(标签、页面结构和....
总是遇到h5新标签的笔试题目,就查阅了资料来总结一下:1.form相关:(1)form属性:在HTML5中表单元素可放在表单之外,通过给该元素添加form属性来指向目标表单(form属性值设为目标表单id)即可。(2)formaction属性:HTML5给提交按钮(如button、submit、image等)增加了formaction属性,以便提交到不同的服务器地址。<input formaction="new.html" type="submit" value="提交到new.html">(3)formmethod属性:用法同formaction...
1 、<html> 标签告知浏览器这是一个 HTML 文档。
manifest:定义一个 URL,在这个 URL 上描述了文档的缓存信息。2、HTML <!--...--> 注释标签3、HTML <!DOCTYPE> 声明
<!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。原文:https://www.cnblogs.com/Running00/p/14462499.html