草庐IT

部分Html元素汇总

骑着蜗牛送饲料 2023-03-28 原文

部分HTML元素汇总

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元素汇总的更多相关文章

  1. ruby - 使用 ruby​​ 将 HTML 转换为纯文本并维护结构/格式 - 2

    我想将html转换为纯文本。不过,我不想只删除标签,我想智能地保留尽可能多的格式。为插入换行符标签,检测段落并格式化它们等。输入非常简单,通常是格式良好的html(不是整个文档,只是一堆内容,通常没有anchor或图像)。我可以将几个正则表达式放在一起,让我达到80%,但我认为可能有一些现有的解决方案更智能。 最佳答案 首先,不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案,它会随着HTML的变化而崩溃,或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h

  2. ruby-on-rails - Rails HTML 请求渲染 JSON - 2

    在我的Controller中,我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时,它会自然地以HTML呈现。但是,当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法),我仍然将HTML作为响应。如何获取JSON作为响应?我还需要说明什么? 最佳答案 您应该将.json附加到请求的url,提供的格式在routes.rb的路径中定义。这

  3. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB? - 2

    所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择

  4. ruby-on-rails - Ruby url 到 html 链接转换 - 2

    我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时,我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有,我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.

  5. ruby - 在哈希的键数组中追加元素 - 2

    查看我的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([]),完全相同的对象将用作每个缺失键的默认值。这就是您所拥有的,那是你不想要的。您可以改用

  6. ruby-on-rails - capybara ::ElementNotFound:无法找到 xpath "/html" - 2

    我正在学习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)'

  7. 「Python|Selenium|场景案例」如何定位iframe中的元素? - 2

    本文主要介绍在使用Selenium进行自动化测试或者任务时,对于使用了iframe的页面,如何定位iframe中的元素文章目录场景描述解决方案具体代码场景描述当我们在使用Selenium进行自动化测试的时候,可能会遇到一些界面或者窗体是使用HTML的iframe标签进行承载的。对于iframe中的标签,如果直接查找是无法找到的,会抛出没有找到元素的异常。比如近在咫尺的例子就是,CSDN的登录窗体就是使用的iframe,大家可以尝试通过F12开发者模式查看到的tag_name,class_name,id或者xpath来定位中的页面元素,会抛出NoSuchElementException异常。解决

  8. ruby - 如何使用 Ruby 将 CSV 文件读入 HTML 表格? - 2

    我正在尝试将一个简单的CSV文件读入HTML表格以在浏览器中显示,但我遇到了麻烦。这就是我正在尝试的:Controller:defshow@csv=CSV.open("file.csv",:headers=>true)end查看:输出:NameStartDateEndDateQuantityPostalCode基本上我只获取标题,而不会读取和呈现CSV正文。 最佳答案 这最终成为最终解决方案:Controller:defshow#OpenaCSVfile,andthenreaditintoaCSV::Tableobjectforda

  9. ruby - Hanami link_to 助手只呈现最后一个元素 - 2

    我是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

  10. ruby - 如何使用 Nokogiri 解析纯 HTML 表格? - 2

    我想用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

随机推荐