我们已经准备好了,你呢?

2024我们与您携手共赢,为您的企业形象保驾护航!

HTML 5 语法

HTML5相对于之前的HTML(HTML4、XHTML等)来说,更加简洁,更加人性化,主要体现在以下几个方面:

文档声明: 字符编码: 不区分大小写: DIV标签与div标签相同 布尔值: 主要是输入等 = "" 属性可以省略 引号: 属性引号可以省略 标签可以省略: 大部分标签可以省略,但不建议在HTML5中添加/删除标签 新增标签

主要分为以下几个方面:

结构标签:定义整个文档的页眉区域或者一篇文章的页眉区域:代表页面中的某个内容块,比如页眉、页脚或者页面的其他部分:定义独立于页面(与上下文无关)的文章内容 aside:代表标签内容相关的辅助信息 :组合整个页面或者页面中某个块的标题 nav:代表页面的导航链接部分:代表独立的一块内容,一般代表一个独立的单元,用来添加标题,写起来有点像定义 list:定义整个文档的尾部区域或者一篇文章的尾部区域 媒体标签

一般包括:

video:视频 audio:音频 embed:嵌入内容(包括各种媒体),Midi、Wav、AU、MP3、Flash、AIFF 等。这里就不做过多介绍了。 表单控件标签 email:必须输入邮箱; url:必须输入url地址; :必须输入值; range:必须输入一定范围内的值; Date:日期选择器; :搜索常规文本字段; color:颜色 这里就不做过多介绍了。 其他功能标签 mark:高亮文本 meter:标签定义测量。仅用于已知最大值和最小值的测量。 :定义运行的进度(过程)。 ruby​​:

月亮明亮地照耀着

灯笼(あかちょうちん)

月亮明亮地照耀着

灯笼(あかちょうちん)

:显示详细信息 选择详细信息:下拉框,有点像,但还是有区别 宝马奔驰劳斯莱斯 删除了标签

1、可以用CSS替换的元素,如big、font、s、tt、u等,这些元素纯粹是为了屏幕显示,HTML5提倡把屏幕显示功能放到CSS中统一编辑。

2.不再使用frame框架。

、frame、。HTML5已经不支持frame框架,只支持框架,或者服务器创建多个页面组成的符合规范的页面形式,删除了以上三个标签。

3. 仅部分浏览器支持的元素

、、眨眼等标签。

4. 其他被废除的要素

废除rb,使用ruby代替。

废除使用 abbr。

废除 dir 并使用 ul 代替。

取消使用表单和输入组合

废除使用预先替代

废除 xmp,改用代码

弃用 guid

不推荐使用“text/plian”(纯文本)MIME 类型。

新添加的属性是js中添加的属性。

如果上面两个属性不存在,执行顺序是先加载(下载)第一个src,然后执行,依次同步执行。defer属性在h5之前就已经存在,输入延迟加载(延迟执行),会先加载(下载)src里的文件内容,等到页面全部加载完成后再加载js。async属性属于异步加载,加载完src后会立即执行,同时会继续加载页面。上面的执行顺序,alert显示会先显示b,再显示a

给网页中的标签添加小图标的样式代码

有序列表ol:添加了start(列表起始值)、(是否反转)menu菜单类型属性(3种菜单类型)内嵌css样式:在标签内部定义一个style block(),只在style标签内部有效内嵌框架:元素,添加了no 和no ,定义内嵌框架的内容

新属性: 属性:

元属性之一,定义页面的字符集

size 属性:

新增 link 属性,当 link 的 rel="icon" 时,用于设置图标大小

基本属性:

表示当在新窗口中打开页面时,href中的内容将作为前缀添加到地址中。

推迟属性:

标签属性,表示脚本加载完成后,只在页面加载完成时执行(延迟执行)

异步属性:

标签属性,脚本在加载后立即执行(运行过程中浏览器会解析下面的内容),即使页面还未加载完成(异步执行)

媒体属性:

元素属性:指示针对哪个设备进行了优化

属性:

指示超链接指向的 URL 所用语言的属性

ref 属性:

定义超链接是否为外部链接的属性

属性:

定义序列号是否反转的属性

开始属性:

定义序列号起始值的属性

属性:

内嵌CSS样式的属性,定义样式仅限于嵌入样式的元素,适合单页开发

HTML 5 全局属性可以直接插入到标签中:data-自定义属性名;(直接放上去就是隐藏);=“true”(语法修正);=“1”(Tab跳转顺序);=“true”(可编辑状态,点击内容,可修改);插入到..='on'(全局属性,整个页面的文本都可以编辑);HTML 5 兼容性HTML5 有部分内容兼容IE9,IE8 以下完全不兼容H5,以下内容不再考虑此类浏览器。部分内容需要加上兼容性前缀,-- 常用于兼容浏览器,-moz- 常用于兼容 ,-o- 常用于兼容 opera,-ms- 常用于兼容 IE。兼容性查询网站:网页语义的定义

在HTML结构中适当的位置使用语义上合适的标签,赋予页面良好的结构,让页面标签元素有意义,也更容易被搜索引擎理解。可以从以下几点去理解:

二维码
扫一扫在手机端查看

本文链接:https://by928.com/5299.html     转载请注明出处和本文链接!请遵守 《网站协议》
我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为4000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求,请立即点击咨询我们或拨打咨询热线: 13761152229,我们会详细为你一一解答你心中的疑难。

项目经理在线

我们已经准备好了,你呢?

2020我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

13761152229

上班时间

周一到周五

公司电话

二维码
微信
线