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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。