| HTML4结构元素 | 中文释义 | HTML4结构元素 | 中文释义 |
|---|---|---|---|
| div | 在文档中定义一块区域,既包含框、容器。 | dd | 对定义的词条进行解释。 |
| ol | 根据一定的排序进行列表。 | hr | 定义水平线。 |
| ul | 没有排序的列表。 | p | 定义段落结构。 |
| li | 每条列表项。 | del | 定义删除的文本。 |
| dl | 以定义的方式进行列表。 | ins | 定义插入的文本。 |
| dt | 定义列表中的词条。 | h1~h6 | 标题1到标题6,定义不同级别的标题。 |
| HTML4内容元素 | 中文释义 | HTML4内容元素 | 中文释义 |
|---|---|---|---|
| span | 在文本行中定义一个区域,即行内包含框。 | tt | 定义打印机字体。 |
| a | 定义超链接。 | code | 定义计算机源代码。 |
| abbr | 定义缩写词。 | pre | 定义预定义格式文本。 |
| address | 定义地址。 | blockquote | 定义大块内容应用。 |
| dfn | 定义术语,以斜体显示。 | cite | 定义引文。 |
| kbd | 定义键盘键。 | q | 定义引用短语。 |
| samp | 定义样本。 | strong | 定义重要文本。 |
| var | 定义变量。 | em | 定义文本为重要。 |
| HTML4修饰元素 | 中文释义 | HTML4修饰元素 | 中文释义 |
|---|---|---|---|
| b | 视觉提醒,显示为粗体。 | sub | 定义下标。 |
| i | 语气强调,显示为斜体。 | bdi | 定义文本显示方向。 |
| big | 定义较大文本。 | bdo | 定义文本显示方向。 |
| small | 表示细则一类的旁注,文本缩小显示。 | br | 定义换行。 |
| sup | 定义上标。 | u | 非文本注解,显示下划线。 |
| HTML5新增的结构元素 | 中文释义 |
|---|---|
| header | 表示页面中一个内容区块或者整个页面的标题。 |
| footer | 表示整个页面或者页面中一个内容区块的脚注,如:创作者的姓名,创作日期等。 |
| section | 表示页面中的一个内容区块,如:章节、页眉、页脚等。 |
| article | 表示页面中的一块与上下文不相关的独立内容,如:博客中的一篇文章、报纸中的一篇文章。 |
| aside | 表示artcle元素的内容之外的、与aricle元素的内容相关的辅助信息。 |
| nav | 表示页面中导航链接的部分。 |
| main | 表示网页中的主要内容。 |
| figure | 表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。可以使用figcaption元素为figure元素组添加标题。 |
| HTML5新增的功能元素 | 中文释义 |
|---|---|
| video | 定义视频,如:电影或者其他视频流。 |
| audio | 定义音频,如:音乐或者其他音频流。 |
| embed | 用来插入各种多媒体,格式可为:Midi、Wav、AIDD、AU、MP3等。 |
| mark | 主要用来在视觉上向用户呈现那些需要突出显示或者高亮显示的文字。mark元素的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。 |
| dialog | 定义对话框或窗口。 |
| bdi | 定义文本的文本方向,使其脱离周围文本的方向设置。 |
| figcaption | 定义figure元素的标题。 |
| time | 表示日期或者时间,也可同时表示两者。 |
| canvas | 表示图形,如图表和其他图像。这个元素本身没有行为,仅提供一块画布,但它把一个绘图API展现给客户端JavaScript,以使脚本能够把想绘制的东西绘制道这块画布上。 |
| output | 表示不同类型的输出,如:脚本的输出。 |
| source | 为媒介元素定义媒介资源,如:video元素及audio元素。 |
| menu | 表示菜单列表。当希望列出表单控件时使用该标签。 |
| command | 表示命令按钮,如:单选按钮等。 |
| details | 表示用户要求得到并且可以得到的细节信息。它可以与summary元素配合使用。summary元素提供标题或者图例。标题是可见的,用户单击标题时,会显示出细节信息。summary元素应该是details元素的第一个子元素。 |
| summary | 为details元素定义可见的标题。 |
| datalist | 表示可选数据的列表,与input元素配合使用,可以制作出输入值的下拉列表。 |
| datagrid | 表示可选数据的列表,它以树形列表的形式来显示。 |
| keygen | 表示生成密钥。 |
| progress | 表示运行中的进程,可以使用progress元素来显示JavaScript中耗费时间的函数的进程。 |
| meter | 表示度量给定范围内的数据。 |
| track | 定义用在媒体播放器中的文本轨道。 |
我想将html转换为纯文本。不过,我不想只删除标签,我想智能地保留尽可能多的格式。为插入换行符标签,检测段落并格式化它们等。输入非常简单,通常是格式良好的html(不是整个文档,只是一堆内容,通常没有anchor或图像)。我可以将几个正则表达式放在一起,让我达到80%,但我认为可能有一些现有的解决方案更智能。 最佳答案 首先,不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案,它会随着HTML的变化而崩溃,或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h
在我的Controller中,我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时,它会自然地以HTML呈现。但是,当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法),我仍然将HTML作为响应。如何获取JSON作为响应?我还需要说明什么? 最佳答案 您应该将.json附加到请求的url,提供的格式在routes.rb的路径中定义。这
所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择
我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时,我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有,我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.
查看我的Ruby代码:h=Hash.new([])h[0]=:word1h[1]=h[1]输出是:Hash={0=>:word1,1=>[:word2,:word3],2=>[:word2,:word3]}我希望有Hash={0=>:word1,1=>[:word2],2=>[:word3]}为什么要附加第二个哈希元素(数组)?如何将新数组元素附加到第三个哈希元素? 最佳答案 如果您提供单个值作为Hash.new的参数(例如Hash.new([]),完全相同的对象将用作每个缺失键的默认值。这就是您所拥有的,那是你不想要的。您可以改用
我正在学习http://ruby.railstutorial.org/chapters/static-pages上的RubyonRails教程并遇到以下错误StaticPagesHomepageshouldhavethecontent'SampleApp'Failure/Error:page.shouldhave_content('SampleApp')Capybara::ElementNotFound:Unabletofindxpath"/html"#(eval):2:in`text'#./spec/requests/static_pages_spec.rb:7:in`(root)'
本文主要介绍在使用Selenium进行自动化测试或者任务时,对于使用了iframe的页面,如何定位iframe中的元素文章目录场景描述解决方案具体代码场景描述当我们在使用Selenium进行自动化测试的时候,可能会遇到一些界面或者窗体是使用HTML的iframe标签进行承载的。对于iframe中的标签,如果直接查找是无法找到的,会抛出没有找到元素的异常。比如近在咫尺的例子就是,CSDN的登录窗体就是使用的iframe,大家可以尝试通过F12开发者模式查看到的tag_name,class_name,id或者xpath来定位中的页面元素,会抛出NoSuchElementException异常。解决
我正在尝试将一个简单的CSV文件读入HTML表格以在浏览器中显示,但我遇到了麻烦。这就是我正在尝试的:Controller:defshow@csv=CSV.open("file.csv",:headers=>true)end查看:输出:NameStartDateEndDateQuantityPostalCode基本上我只获取标题,而不会读取和呈现CSV正文。 最佳答案 这最终成为最终解决方案:Controller:defshow#OpenaCSVfile,andthenreaditintoaCSV::Tableobjectforda
我是HanamiWorld的新人。我已经写了这段代码:moduleWeb::Views::HomeclassIndexincludeWeb::ViewincludeHanami::Helpers::HtmlHelperdeftitlehtml.headerdoh1'Testsearchengine',id:'title'hrdiv(id:'test')dolink_to('Home',"/",class:'mnu_orizontal')link_to('About',"/",class:'mnu_orizontal')endendendendend我在模板上调用了title方法。htm
我想用Nokogiri解析HTML页面。页面的一部分有一个表,它没有使用任何特定的ID。是否可以提取如下内容:Today,3,455,34Today,1,1300,3664Today,10,100000,3444,Yesterday,3454,5656,3Yesterday,3545,1000,10Yesterday,3411,36223,15来自这个HTML:TodayYesterdayQntySizeLengthLengthSizeQnty345534345456563113003664354510001010100000344434113622315