HTML/CSS基础知识（二）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML/CSS基础知识（二），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1499字，纯文字阅读大概需要3分钟。

内容图文

Q：HTML5是什么？为什么要用HTML5？有什么新特性？移除了哪些元素？

HTML5是HTML的最新版本，2014年10月由万维网联盟（W3C）完成标准制定。目标是替换1999年制定的HTML4.01和XHTML1.0标准，以期望能在互联网应用迅速发展的时候，使网络标准达到匹配当代的网络需求。HTML5指的是包括HTML，CSS和Javascript在内的一套技术组合。它希望能够减少网页浏览器对基于插件的网络应用服务（Plug-in-Based Rich Internet Application,RIA），例如：Adobe Flash、MicroSoft Silverlight和Oracle JavaFX 的需求，并且提供更多能有效加强网络应用的标准集。
HTML4过于陈旧，不能满足日益发展的互联网需要，特别是移动互联网。此外，flash等插件由于种种原因不适合在移动端使用。HTML5增强了浏览器的原生功能，减少了web应用对插件的依赖。
HTML5新增了27个元素，废弃了16个元素。根据现有的标准规范，吧HTML5的元素按照优先级定义为结构性元素、块级元素、行内语义性元素和交互性元素4大类。

结构性元素主要负责web上下文结构的定义
- section：在web页面应用中，改元素也可以用于区域的章节描述
- header:页面主题上的头部，header元素往往在一对body元素中
- footer：页面的底部（页脚），通常会标出网站的相关信息
- nav：专门用于菜单导航、链接导航的元素，是navigator的缩写
- article：用于表现一篇文章的主题内容，一般为文字几种显示的区域
块级元素主要完成web页面区域的划分，确保内容的有效分割

- aside：用于表达注记、贴士、侧栏、摘要、插入的引用等作为补充主体的内容
- figure：是对多个元素进行组合并展示的元素，通常与ficaption联合使用
- code：表示一段代码
- dialog：用于表达人与人之间的对话，该元素包含dt和dd这两个组合元素，dt表示用于说话者，dd表示说话内容
行内语义性元素主要完成web页面具体内容的引用和描述，丰富内容展示

- - meter：表示特定范围内的数值，可用于工资、数量、百分比
  - time：表示时间值
  - progress：用来表示进度条，可通过对其使用max、min、step等属性进行控制，完成对进度条的表示和监视
  - video：视频元素，用于支持和实现视频文件的直接播放，支持缓冲预加载和多种音频、视频媒体格式
  - audio：音频元素，用于支持和实现音频文件的直接播放，支持缓冲预加载和多种音频媒体格式
- 交互性元素只要用于功能性的内容表达，会有一定的内容和数据关联，是各种事件的基础
  - details：用于表示一段具体的内容，但是内容默认可能不显示，通过某种手段（如单击）与legend交互才会显示出来
  - daragrid：用来控制客户端数据与显示，可以由动态脚本及时更新
  - menu：主要用于交互菜单
  - command：用来处理命令按钮

　　　4. 移除的元素

- 纯表现型元素
  - <basefont>默认字体，不设置字体
  - <font>字体标签
  - <center>水平居中
  - <u>下划线
  - <strike>中横线
  - <tt>文本等宽
- 框架集
  - <frameset>
  - <noframes>
  - <frame>

原文：https://www.cnblogs.com/bestchenyan/p/9296937.html

内容总结

以上是互联网集市为您收集整理的HTML/CSS基础知识（二）全部内容，希望文章能够帮你解决HTML/CSS基础知识（二）所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1179418.html

来源：【匿名】

【上一篇】IIS7.5 自定义Html/shtml/htm...后缀映射【下一篇】PHP 和 HTML

更多 ►

【HTML/CSS基础知识（二）】教程文章相关的互联网学习教程文章

Q：HTML5是什么？为什么要用HTML5？有什么新特性？移除了哪些元素？HTML5是HTML的最新版本，2014年10月由万维网联盟（W3C）完成标准制定。目标是替换1999年制定的HTML4.01和XHTML1.0标准，以期望能在互联网应用迅速发展的时候，使网络标准达到匹配当代的网络需求。HTML5指的是包括HTML，CSS和Javascript在内的一套技术组合。它希望能够减少网页浏览器对基于插件的网络应用服务（Plug-in-Based Rich Internet Application,RIA），例...

HTML表格基础知识总结【图】

表格的基本就是一个框架，难点就是对表格的优化处理。<table frame="hsides" border="1" width="300px" height="100px" align="center" bordercolor="#00FF00"><caption>学生信息</caption><tr><th>学号</th><th>学号</th><th>学号</th></tr><tr id="bg"><th>123</th><th>123</th><th>123</th></tr></table>这一个最简单的表格；效果如下：至于表格的优化可以分为1.边界2.表格背景3.表格位置4.单元格间距，单元格边距。1.边界：b...

html5基础知识【图】

HTML 5新增的主体结构元素：article：表示完整的、独立的，可以被外部独自引用的内容。如一篇博客，报刊中的文章，帖子，用户评论或独立的插件。Section：用于网站页面上的内容进行分块。由内容及标题组成。Nav：用作页面导航的连接组。如：导航栏，页内导航，翻页操作等。Aside：表示当前页面的附属信息部分。如：引用，广告，侧边栏等。Time：datetime.pubdate(发布日期) 新增的非主体结构元素：header：引导和导航作用的元素。 ...

MVC 使用cshtml的一些基础知识-和相关整理

首先在认识cshtml之前，先要了解一下Razor视图引擎如果对此有疑问的话可以借鉴博客园博文：http://kb.cnblogs.com/page/96883/ 或博客博文：http://www.cnblogs.com/dengxinglin/p/3352078.html上面都讲解了Razor 以及cshtml的使用语法这里呢，我们只是整理一下大家熟悉的asp.net和cshtml之间容易出现错误的书写方法从aspx转到chshtml还是有很多要适应的地方的，本帖是个人学习笔记帖不断更新。每天开着本帖编程。按第一个有意义的...

HTML基础知识总结【图】

1.网页主要由文字、图片和按钮等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。 2.web标准w3c 万维网联盟组织，用来制定web标准web标准（制定网页要遵循的规范）：结构标准（html）、表现标准（css）、行为标准（js） 3.浏览器（客户端）vs服务器4.htmla）html (Hyper Text Markup Language ) 中文译为“超文本标记语言”，主要是通过html标记对网页中的文本，图片，声音等内容进行描述<html>标...

0基础学习前段历程2 第一门需要掌握的前端技术HTML5+CSS3 html基础知识 html5新增标签

HTML基础知识总结【图】

HTML基础知识总结 HTML的元素网页文档的结构和格式的定义，是由HTML元素来完成的，HTML元素又是由单个或一对标签定义的包含范围。一个标签就是左右分别有一个小于号< 和大于号> 的字符串，开始标签是指不以斜杠/ 开头的标签，其内是一串允许的属性——值对，结束标签是以一个斜杠/ 开头的标签。 HTML的框架框架，就是HTML编写网页的基本格式。我们在编写HTML文档时，即...

HTML复选框和单选框checkbox和radio事件介绍_基础知识

checkbox 和 radio的事件选择一度让我很迷惑。开始以我对js的理解，我觉得change事件应该是最合理的，可惜啊ie下change事件是在改变后焦点离开时才触发。后来就用click mousedown等鼠标事件代替。发现click比mousedown要更完美一些： radio注册了click事件以后，神奇的是用键盘上的上下左右选择时，居然会触发鼠标事件，滚轮也会触发，这种神奇的事情在mousedown下面是不会发生的。（webkit不能使用上下左右选择） checkbox注册c...

XHTML教程,简单认识XHTML基础知识

本文简单让大家认识一下XHTML,了解XHTML的基础知识什么是XHTML　　XHTML是The Extensible HyperText Markup Language(可扩展标识语言)的缩写。HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。　　2000年底，国际W3C组织(World ...

JavaScript操作HTMLDOM节点的基础教程_基础知识【图】

因为 DOM 的存在，这使我们可以通过 JavaScript 来获取、创建、修改、或删除节点。 NOTE：下面提供的例子中的 element 均为元素节点。获取节点父子关系element.parentNode element.firstChild/element.lastChild element.childNodes/element.children兄弟关系element.previousSibling/element.nextSibling element.previousElementSibling/element.nextElementSibling通过节点直接的关系获取节点会导致代码维护性大大降低（节点之...

关于HTML5video基础知识总结

一、video标签的基本属性1.autoplay=“autoplay”：规定一旦视频就绪马上开始播放2.control=“controls”：让浏览器为视频播放器提供默认的暂停、进度条等控件。如果设置了这个就不能使用自己定义的控件。3.width=“320” height=“240”：定义视频播放器的宽高。设置这个会让页面对视频播放器部分空间进行保留，入不设置一开始不会保留可能造成页面布局混乱4.loop=“loop”：规定视频结束后将重新开始播放5.preload属性：auto表示...

HTML基础知识笔记(三)_html/css_WEB-ITnose

HTML下拉列表框讲解： 1、value： House Blend 2、selected="selected"：设置selected="selected"属性，则该选项就被默认选中。下拉列表框进行多选：下拉列表也可以进行多选操作，在标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项。 HTML提交按钮...

在前端中的html基础知识【图】

这次给大家带来在前端中的html基础知识，使用前端中html基础知识的注意事项有哪些，下面就是实战案例，一起来看一下。HTML基本知识学习html首先我们先看看HTML本质：web框架本质我们在学socket，我们创建一个socketserver，然后运行起来，有一个client客户端要连接socket服务端，连接上之后，如果两边都没有close，就一直不断开，可以不断的进行请求。那我们说一个网站，我们在服务器端运行我们的网站，所有的客户端就可以通过浏览...

注释的艺术——JS里直接写HTML，无需转义_基础知识

利用JS的多行注释配合函数的直接量可以做到JS里直接写HTML代码，除 script 的结束标签之外，无需任何的转义符和续行符。 //Code By Dron //Ucren.com document.write((function (){/* Hello Word! alert("Hello Word!"); */}).toString().replace(/^.+?\*|\\(?=\/)|\*.+?$/gi, "")); [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]//Code By Dron //Ucren.com alert(function(){/* Hello Word! alert("Hello...

你所要知道JS（DHTML）中的一些技巧_基础知识【图】

这些天都没有更新日志了，这篇文章就也算是自己的一些经验谈了。简单的说一些技巧给大家，希望对你有所帮助，如果还有疑问，可以在下边留言。一、全等运算符在JS中，不为0的数皆为true，除了几个特殊的变量除外。比如：undefined，null，""等。这在大多数情况下，也是我们所期望的。但你不应该忽略这个全等运算符。因此需要较为严格的效验下，我们可以用===这个全等运算符，看下面的代码： //平常的一些效验 var foo = functio...

HTML - 技术教程分类

HTML 教程 HTML 简介 HTML 编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 文本格式化 HTML 链接 HTML 头部 HTML CSS HTML 图像 HTML 表格 HTML 列表 HTML 区块 HTML 布局 HTML 表单 HTML 框架 HTML 颜色 HTML 颜色名 HTML 颜色值 HTML 脚本 HTML 字符实体 HTML URL HTML 速查列表 HTML 总结 XHTML 简介 HTML 媒体(Media) HTML 插件 HTML 实例 HTML 标签列表（功能排序） HTML 属性 HTML 事件 HTML 画布 HTML 音频/视频 HTML 颜色名 HTML 字符集 HTML ASCII HTML ISO-8859-1 HTML 符号 HTML 语言代码 html 全部

HTML - 最热教程

html5代码如何实现进度条功能？（示例）javascript中html字符串转化为jquerydo...HTML5实战与剖析之CSS选择器——getEle...html5中设置或返回音频/视频是否应该被...HTML5获取设备信息 jQuery打印指定区域Html页面并自动分页...jQuery+HTML5+CSS3制作支持响应式布局时...JS+HTML5实现上传图片预览效果完整实例...php删除html标签和标签内的内容的方法总...XMLHttpRequest中responseText如何获取...