[翻译]HTML中不知名的语义标签

原文:http://docs.webplatform.org/wiki/tutorials/Lesser_-_known_semantic_elements HTML5中比较常用的语义元素有header,nav,footer,这篇文章主要讲了一些不知名的语义元素.第一次翻译英文原文,措辞难免不准确,不清楚的地方,可参考原文. 简介: 今天我们通过这篇文章,来了解一下HTML中一些意义模糊和不知名的语义元素.我们将探讨标记程序代码.计算机交互.引用和缩写词和文本的更新等的元素. 高亮显示联系人信息…

html5中的一些新语义标签

<header> <nav> <ul> <li><a href="">栏目1</a></li> <li><a href="">栏目2</a></li> <li><a href="">栏目3</a></li> </ul> </nav> </h…

Html5 中的新语义标签

1.1 语义标签对于我们并不陌生,如<p>表示一个段落.<ul>表示一个无序列表<h1> ~ <h6>表示一系列标题等,在此基础上HTML5增加了大量更有意义的语义标签,更有利于搜索引擎或辅助设备来理解HTML页面内容. 传统的做法,我们通过添加类名,Html页面具有语义化,但是不具有通用性. Html5则是通过新增语义标签的形式来解决这个问题,例如<header></header>.<footer></footer…

HTML5中的语义标签兼容IE8以及更低版本的浏览器

看某教程,说让HTML5的这些语义标签能够兼容低版本的浏览器,原文是“你可以设置css的display属性为block”.很好理解,就设置css样式为block嘛,那就直接设置咯: header, section, footer, aside, nav, main, article, figure { display: block; } <body> <header>header元素</header> <section>section元素</secti…

浏览器中常见的html语义化标签

html标签默认在浏览器中展示的样式,html标签的用途:语义化(明白每个标签的用途,在什么情况下使用此标签合理);标签语义化好处:1.更容易被搜索引擎收录2.更容易让屏幕阅读器读出网页内容. 网页上显示的页面内容通常放在<body>标签内部,文章的段落用<p>标签,文章的标题<hx>(标题标签一共有6个,h1-h6分别为一级标题到六级标题,并且依据重要性递减,<h1>是最高的等级.)<em>或<strong>标签用来强调,但两者在强…

【Web前端HTML5&CSS3】03-字符实体与语义标签

笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版目录字符实体与语义标签 1. 字符实体 2. meta标签 3. 语义标签 4. 块元素与行内元素块元素(block element) 行内元素(inline element) 5. 内容修正 6. 布局标签 7. 列表 8. 超链接外部地址内部地址新建页面锚点跳转 9. 图片图片格式 jpeg(jpg) gif png webp base64 10. 内联格式 11. 音视频音频 source embed…

HTML5之语义标签

在HTML5标准中,新加了几个用于增添页面语义的标签,这些标签有:article.section.nav和aside等.与别的大多数标签不同,浏览器在解释渲染这些标签的时候仅仅把它作为普通的div块级元素来处理,不会添加任何额外的展现逻辑:也即,这些标签仅用于增添语义.对于Web开发人员而言,使用这些标签的实际意义主要有2点:搜索引擎优化,以及增加页面的可用性(accessibility). 在元素分类上,article.section.nav和aside称之为“Sectioning Con…

HTML5 十大新特性(一)——语义标签

说语义标签前先来理解下什么叫语义化,当下html是靠div+css来铸造页面的整体框架和结构的,通篇大量的div可读性极低,因此诞生了这些特殊的标签,简单地说就是见名知义,使页面更清晰,方便维护和开发. HTML5为我们提供了一系列的语义标签. 1.<section></section> 定义文档中的主体部分的节.段. 2.<article></article> 一个特殊的section标签,比section有更明确的语义.定义来自外部的一个独立的.完整的内…

html5-7 html5语义标签和视频

html5-7 html5语义标签和视频一.总结一句话总结:设计网站的时候要兼顾早期浏览器的话,最新技术要缓着用,自己可以先尝试. 1.html5所有标签共有属性有哪四种? 1.id2.class3.style4.title 2.html5所有标签公有属性中的title是什么意思? 移到标签上面显示的内容 3.flash视频播放标签是什么? embed <embed src="http://www.tudou.com/a/qJtXzLi3iaY/&bid=05&iid…

在thinkphp中，写的博文标签多对多关系的标签频率统计算法

常常看到别人的博客里面,或者网站里面有这样随机颜色,但字体大小与标签出现频率有关的标签云,于是自己就想写一个.至于颜色的随机显示,那就很简单了,这里就不列代码. 因为正在学thinkphp,所以数据查找的都是用的tp数据查找语句. Public function render( $data ){ //在博文——标签多对多关系的中间表中查找出所有的标签 $tags = M('blog_tags')->select(); $a = array(); //去掉重复的标签,将所有不重复的标签保存在数组a…

在多行列表中id同名的<a>标签点击事件处理方法

Struts2标签问题描述:最近项目中在使用struts迭代标签动态生成列表的过程中,由于每一行li元素中包含<a>超链接,如下图一开始超链接是这样的<a href=“#” id=”checkDetail”>,这里由于循环多行,如果使用ID选择器写点击事件,那么只有第一行的超链接点击事件会被触发,其他的都没有效果,原因是每一行的超链接id都重复了,jquery只能识别第一行的.所以这里要对id进行一些处理.代码如下: 这里主要是利用EL表达式在每个id后面拼接一个index下标…

[翻译]PYTHON中如何使用*ARGS和**KWARGS

[翻译]Python中如何使用*args和**kwargs 函数定义函数调用不知道有没有人翻译了,看到了,很短,顺手一翻原文地址入口或者可以叫做,在Python中如何使用可变长参数列表函数定义这是一种特殊的语法,在函数定义中使用*args和kwargs传递可变长参数. *args用作传递非命名键值可变长参数列表(位置参数); kwargs用作传递键值可变长参数列表下面的例子传递一个位置参数以及两个可变长参数 def test_var_args(farg, *args): prin…

在hexo静态博客中利用d3-cloud来展现标签云

效果: http://lucyhao.com/tags/ hexo自带的tag cloud的标签展现不太美观,想能够展现出“云”效果的标签.在网上找到了d3-cloud这个项目,github地址:https://github.com/jasondavies/d3-cloud demo地址:https://www.jasondavies.com/wordcloud/ hexo生成的是静态博客,所以最后在网上看到的都是静态的内容,也就是说,我们的看到的标签云也是静态的已经生成好的内容,并不会随着刷新…

IE8兼容H5语义标签

//IE浏览器定义的特殊属性,通过hack方式判断IE版本来执行不同的代码,IE8以下浏览器自动创建html5语义标签,从而实现兼容…

Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行

H1/H2/H3/H4标题标签常常使用在一个网页中唯一标题.重要栏目.重要标题等情形下. H1在一个网页中最好只使用一次,如对一个网页唯一标题使用.H2.H3.H4标签则可以在一个网页中多次出现,但必要随意添加或添加过度. 在Web前端开发中,经常要使用H1标签对关键字进行优化,可是如果是一行文字中的某个词加上了H1标记,就会换行.可以使用下面的方法,H标签就不会强制换行了.Css控制为一行文字中某个字加上<h2>标签不换行,display:inline; 解释为:内联对象的默认值.用该值…

webstorm快捷键 webstorm keymap内置快捷键英文翻译、中英对照说明

20160114参考网络上的快捷键,整理自己常用的: 查找/代替shift+shift 快速搜索所有文件,简便ctrl+shift+N 通过文件名快速查找工程内的文件(必记)ctrl+shift+alt+N 通过一个字符快速查找位置(必记)ctrl+F 在文件内快速查找代码 F3 查找下一个shift+F3 查找上一个ctrl+R 文件内代码替换ctrl+shift+R 指定目录内代码批量替换ctrl+shift+F 指定目录内代码批量查找ctrl+R 文件内代码替换ctrl+alt+f7 快速…

在JS文件中，不需要<script>标签

在JS文件中,不需要<script>标签\…

HTML中可以连接资源的标签集合

1.<a>标签,href属性指示链接的目标,可以是HTML也可以是内部css样式.<a href="http://www.w3school.com.cn">W3School</a> 2.<area>标签,href属性,作用,带有可点击区域的图像映射,可能的值:站内链接,站外链接.锚点.注:HTML 与 XHTML 之间的差异在 HTML 中,<area> 没有结束标签.在 XHTML 中,<area> 必须正确地关…

[原创]java WEB学习笔记42：带标签体的自定义标签，带父标签的自定义标签，el中自定义函数，自定义标签的小结

本博客为原创:综合尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和网络上的现有资源(博客,文档,图书等),资源的出处我会标明本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友微博:伊直都在0221 QQ:951226918 ---------------------------------…

html5——语义标签

传统布局 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .header { width: 1000px; height: 120px; background-color: pink; margin: 0 auto; } .nav { width: 1000p…

Html中解决点击 a 标签刷新的问题，实现点击时不刷新

Html中解决点击 a 标签刷新的问题我们可以在 <a href=""></a>中,将地址属性href设置为“#” 例如 <a href="#">内容</a> 这样再点击就不会刷新页面了…

Html5 -- 语义标签兼容性处理

方法一:通过js处理方法二:完美的处理方式 no.1 !--[if lte IE 8]> <script type="text/javascript" src="html5shiv.js"> </script> <![endif]--> no.2 <!--[if lte IE 8]> <script type="text/javascript"> //通过js代码创建一个语义标签…

R-CNN论文翻译——用于精确物体定位和语义分割的丰富特征层次结构

原文地址我对深度学习应用于物体检测的开山之作R-CNN的论文进行了主要部分的翻译工作,R-CNN通过引入CNN让物体检测的性能水平上升了一个档次,但该文的想法比较自然原始,估计作者在写作的过程中已经意识到这个问题,所以文中也对未来的改进提出了些许的想法,未来我将继续翻译SPPNet.fast-RCNN.faster-RCNN.mask-RCNN等一系列物体定位和语义分割领域的重要论文,主要作者都是Ross Girshick和Kaiming He. 用于精确物体定位和语义分割的丰富特征层次结构…

HTML5中的文本级语义

<p>这篇文章的发布时间是<time datetime="2016-02-26T16:30+08:00" pubdate>今天</time></p> <time>标签:以机器可读的格式对时间日期进行标注.如果时间日期不出现在<time>标签的内容里面,则放在datetime属性中,格式为YYYY-MM-DDTHH:MM+00:00,T是时间和日期的分隔符,后面的加号(或减号)后面是时区.如果该时间是文章的发布时间,…

HTML中的figure与figcaption标签

本来想分两篇文章来解释说明figure.figcaption的,但是这俩个标签都是定义图文的,所以我们合起来讲解,大家更能容易接受. 大家在写xhtml.html中常常用到一种图片列表,图片+标题或者图片+标题+简单描述.以前的常规写法: <li><img src="" /><p>title</P></li> 而在html5中有了新标签更能语义化的定义出这中图片列表,那就是figure标签. w3c赋予的定义:figure标签…

html5 新增语义标签

一份模板: <body> <header> <hgroup> <h1>Page title</h1> <h2>Page subtitle</h2> </hgroup> </header> <nav> <ul> Navigation... </ul> </nav> <section> <article> <header>…

HTML中的figure和gigcaption标签

参考自:anti-time的博客http://www.cnblogs.com/morning0529/p/4198494.html 在写xhtml.html中常常用到一种图片列表,图片+标题或者图片+标题+简单描述.以前的常规写法: <li><img src="" /><p>title</P></li> 而在html5中有了新标签更能语义化的定义出这中图片列表,那就是figure标签. w3c赋予的定义:figure标签规定独…

H5C3--语义标签以及语义标签IE8兼容，表单元素新属性，度量器，自定义属性，dataList,网络监听，文件读取

HTML5新增标签以及HTML5新增的api 1.H5并不是新的语言,而是html语言的第五次重大修改--版本 2.支持:所有的主流浏览器都支持h5.(chrome,firefox,safari...).IE9及以上支持h5(有选择的支持,并不会全部支持),但是ie8及以下不支持h5. 一.新增标签: 1.语义化:header nav aside article main footer a.在支持语义化标签的浏览器,这些标签会被解析为div …

html中为何经常使用<i>标签来作为小图标呢？

很多网站都是习惯使用<i></i>来代表小图标?而实际上用 <i> 元素做图标在语义上是不正确的(虽然看起来像 icon 的缩写),那么用<i>表示小icon,是出于好记的原因吗,还是看上去有点像icon?这样不是违背了语义化的原则吗? 在语义上<i> 标签显示斜体文本效果,它告诉浏览器将包含其中的文本以斜体字或者倾斜字体显示.从含义上可以看出<i>并不具有icon的语义.所以如果遵循语义最好还是使用<span>,目前3.…

javaScript中的小细节-script标签中的预解析

首先介绍预解析,虽然预解析字面意思很好理解,但是却是出坑出的最多的地方,也是bug经常会有的地方,利用好预解析的特性可以解决很多问题,并且提高代码的质量及数量,浏览器在解析代码前会把变量的声明和函数(整个函数体)提前到当前作用域的最顶端. 细节问题: 在多对的script标签中如果有相同的函数,那它们相互之间是不会受影响的,在第二对script标签中声明变量或者是创建函数,在第一对script标签中是无法访问到的,这就说明了,javaScript的预解析只会在各自的script标签中发生,同时,…

【[翻译]HTML中不知名的语义标签】的更多相关文章