HTML5有哪些新增的文档结构标签- 它们分别有什么作用-,HTML5的结构标签

  HTML5有哪些新增的文档结构标签? 它们分别有什么作用?,HTML5的结构标签

  一HTML5 文档结构

  1.第一步:打开开发工具和指定的文件夹;

  2.步骤2:将index.html文件保存到磁盘,其中。html是网页的后缀;

  3.第三步:开始编写HTML5的基本格式。

  !DOCTYPE html //文档类型声明html lang=zh-cn //表示html文档的开头。1.head //包含文档元数据start metaharaset= utf-8 //声明字符编码标题基本结构/title //设置文档标题/head //包含文档元数据end body //表示HTML文档内容a href= 3358 www . Baidu . com Baidu/a//超链接元素(标记)/body/

  二文档结构解析

  文档类型声明(也称为Doctype)。它主要告诉浏览器

  查看的文件类型。在过去的HTML4.01和XHTML1.0中,表示具体的HTML版本和样式。

  现在的HTML5不需要表达版本和风格。

  !DOCTYPE html //不区分大小写

  1.Doctype

  首先,元素意味着标签,html元素意味着html标签。Html元素是文档开头和结尾的元素。它是一个双重标签,首尾呼应,包含内容。

  这个元素有一个属性和值:lang=zh-cn ,

  文件的语言为:简体中文。

  Html= zh-cn//en如果是英语

  中文页面:html lang=zh-cmn-Hans

  繁体中文页面:html lang=zh-cmn-Hant

  英文网页:html lang=en

  2.html 元素

  用于包含元数据内容,包括:link、meta、noscript、script、

  风格、标题。这些内容用于为浏览器提供信息,比如提供CSS信息和脚本的链接。

  提供JavaScript信息,title提供页面标题等。

  头./head //此信息在页面上不可见

  noscript元素用于在不执行脚本时定义替代内容(文本)。

  这个标签可以用在可以识别脚本标签但不支持脚本的浏览器中。

  3.head 元素

  该元素用于提供关于文档的信息。起始结构有一个属性:charset=utf8 。表达

  告诉浏览器该页面使用什么编码。一般来说,我们用utf8。当然,文件保存时也是如此。

  Utf8,浏览器也设置utf8正确显示中文。

  Meta charset=utf-8 //除了设置编码,还有其他的事情

  4.meta 元素

  这个元素很简单,顾名思义:在浏览器左上角设置标题。

  标题基本结构/标题

  5.title 元素

  用于包含文档内容的元素,即浏览器的可见区域。所有可见的内容都应该在这里。

  要添加的元素。

  身体./body

  6.body 元素

  一个超链接,后面会详细讨论。

  a href= 3358 www . Baidu . com Baidu/a

  7.a 元素

  HTML是一种标记语言,我们刚才已经详细讨论了它的结构。这里,我们再来分析一下这些。

  写作中常被称为“元素”的“标记”或“标签”是如何形成的?

  三元素标签探讨

  元素是一组标签,告诉浏览器如何处理一些内容。每个元素都有一个关键字,例如

  正文、标题和元都是元素。不同的标签名代表不同的含义,后面会涉及段落标签、文字标签、链接标签、图片标签等。

  元素一般分为两种:单标签(空元素)和双标签。单个标签通常用于声明或插入某个元素。

  元素,比如用于声明字符编码和img的meta用于插入图片;双标签一般用于设置一个区域的内容并包含它,如段落p./p。

  1.元素

  除了single和double元素之外,还可以在元素内部设置属性和值。这些属性值用于更改某些元素。

  的行为。例如,hyperlink:中的href属性,通过替换URL可以链接到不同的网站。

  2.属性和值

  HTML是通过实体代码来显示具有特殊含义的字符。

  显示结果实体名称实体编号描述。

  空白的

  小于符号

  大禹号

  贺浩

  引号

  撇号

  得分

  英镑

  日元

  欧元

  部分

  版权

  注册商标

  商标

  乘号

  不不不

  四实体

  文章元素

  表示页面中与上下文无关的独立内容。例如,一篇文章、一篇博客文章、一篇论坛文章都可以嵌套。

  截面元素

  表示页面中的内容块,如章节、页眉、页脚或页面的其他部分。可以与h1、H2等元素结合使用,来表示文档结构。例如:HTML5中的section…/section;差异.HTML4中的/div。

  旁侧元素

  表示与文章元素的内容相关的辅助信息,而不是文章元素的内容。

  元素标题

  指示页面中内容块或整个页面的标题。

  h组元素

  组合代表整个页面或页面中某个内容块的标题。

  页脚元素

  代表整个页面或页面中某个内容块的脚注。一般来说,它会包含创作者的姓名,创作日期和创作者的联系方式。

  导航元素

  页面中表示导航链接的部分。

  图形元素

  表示独立的流内容,一般表示文档主流内容中的独立单元。使用figcaption元素为图片元素组添加标题。例如:

  中华人民共和国诞生于1949年。

  元元素可以定义文档中的各种元数据,一个HTML页面可以包含多个元数据。

  元素。

  五. 新增结构标签

  meta= author content= bnbbs meta name= description content=这是一个HTML5页面 meta name= keywords content= html 5,CSS3,responsive meta name= generator content= sublimetext 3 元数据名称描述

  作者当前页面的作者

  描述当前页面的描述。

  关键词当前页面的关键词

  当前页面的生成器编码工具

  五元数据

  meta charset=utf-8

  1.指定名/值元数据对

  //5秒跳转到指定的URL meta http-equiv= refresh content= 5;http://Li . cc ///另一个声明性字符编码元http-equiv= content-type content= text/html charset=UTF-8 属性值描述

  刷新重新加载当前页面,或指定一个URL。单位秒。

  内容类型声明字符编码的另一种方式

  2.声明字符编码

  在此之前,我们讲的所有元素都解释了它的局部数据,当然我们也知道一些全局属性,比如

  身份证.全局属性是所有元素共有的行为,HTML5还提供了一些其他的全局属性。

  3.模拟 HTTP 标头字段

  P= ABC Paragraph /p解释:id属性为元素分配唯一的标识符。这个标识符通常用于给CSS和JavaScript

  调用元素。一个页面只能有一个相同的id名称。

  六全局属性

  p= ABC paragraph/PP class= ABC paragraph/PP class= ABC paragraph/p说明:class属性用于对元素进行分类。通过文档中的一个或多个元素同时设置CSS示例。

  类型。

  1.id 属性

  input= text name= user access key= n 解释:快捷键操作,alt指定windows下的键,前提是浏览器alt不冲突。

  2.class 属性

  P contenteditable=true 我可以修改它吗/p解释:使文本可编辑。如果为真,可以编辑;如果为false,则无法编辑。或者直接

  设置属性。

  3.accesskey 属性

  Dir= rtl 文本向右/p解释:让文本从左到右(ltr)或从右到左(rtl)。

  4.contenteditable 属性

  p隐藏文本到右边/p解释:隐藏元素。

  5.dir 属性

  Lang= en HTML5/p解释:您可以在本地设置语言。

  6.hidden 属性

  P= HTML5教程 HTML5/p解释:对元素内容给予额外提示。

  7.lang 属性

  input type= text name= user tabindex= 2 input type= text name= user tabindex= 1 说明:在表单中按tab键实现获取焦点的顺序。如果为-1,则不会被选中。

  8.title 属性

  p style= color:red;Style /p解释:在元素行中设置CSS样式。

  9.tabindex 属性

  10.style 属性

  并定义用法。

  Details标签用于描述文档或文档一部分的细节。

  目前只有Chrome支持details标签。

  七其它新增标签

  embed标签定义嵌入的内容,并定义外部交互内容或插件。

  HTML5: embed src=horse.wav /

  HTML4:

  对象数据=flash.swf 类型=应用程序/x-shock wave-flash /对象1.details

  2.embed

  3.range

  Mark主要用于将那些需要突出显示的文字直观的呈现给用户。mark的一个典型应用是在搜索结果中向用户突出显示搜索关键词。

  HTML5:标记/标记

  HTML4: span/span

  4.autofocus

  summary标记包含details元素的标题,而“details”元素用于描述关于文档或文档片段的详细信息。“summary”元素应该是“details”元素的第一个子元素。

  HTML5:details summary HTML 5/summary这份文档教你所有关于HTML 5的知识。/详细信息

  HTML4:无

  5. mark

  datalist标签定义了可选数据的列表。使用input元素,您可以制作输入值的下拉列表。

  不会显示Datalist及其选项,它只是合法输入值的列表。

  使用input元素的list属性绑定datalist。

  输入列表=汽车/数据列表id=汽车选项值=宝马选项值=福特选项值=沃尔沃/数据列表6. summary

  表示命令按钮

  command元素只有在它位于menu元素内部时才可见。否则,该元素将不会显示,但它可用于指定键盘快捷键。

  menu command onclick= alert( Hello World )点击我!/命令/菜单7. detalist

  表达元素

  基本字体

  大的

  中心

  字体

  s

  罢工

  电汇

  u

  建议用语义正确的元素替换,用CSS保证渲染效果。

  类元素

  因为框架有许多可用性和可访问性问题,HTML5规范删除了以下元素。

  设计

  框式支架

  不支持框架标记

  但是html5支持iframe。

  班级

  新规范还删除了许多表达性属性,如下所示:

  排列

  body标签上的link、vlink、alink和text属性

  背景颜色

  高度和宽度

  iframe元素上的滚动属性

  垂直对齐

  Hspice和vspace

  “表格”选项卡上的单元格边距、单元格间距和边框属性

  标题上的配置文件属性

  链接a上的目标属性

  以及img和iframe元素的longdesc属性

  Abbr代替缩略词(用于缩写)

  对象替换子视图。

  Ul已替换目录。

  其他的

  以上是边肖推出的HTML5的文档结构和新标签的完整分析。希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您。非常感谢您对网站的支持!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: