1.说什么是HTML

HTML是一种超文本标记语言(Hyper Text Markup Language), 标记语言是一套标记标签(markup tag),用来描述网页的非编程语言。

2.标签特性:尖括号包裹、成对出现、开始关闭。例如描述段落<P>和</P>一对。大小写不敏感。

3.Html中的属性:html标签可以拥有属性,属性以键值对出现,也就是name = “value”;

例如:<h1>标签中设置属性align="center",则可以使得标题在html网页上居中显示。

4.一般情况下,html对段落<p>中的空格进行了控制,不管多少空格都显示成1个空格,如何将所有的空格都显示出来?

这时候可以用<pre>预文本标签,可以使文本全格式显示出来。

5.如何使用样式?

外部样式:在head标签应用<link>标签,如<link type=”text/css” href=”a.css”/>。

内部样式:在head标签内部直接填写样式文件(style标签):

<style type=”text/css”> body {/style>.

内联样式:直接在想要应用样式的标签写样式。如:<p style=”color: red”>abc</p>

6.超链接,超链接是互联网的精髓所在,是因为超链接,我们才可以将互联网联系在一块儿。

7.http请求,如果要求连接的网址末尾没有添加斜杠,则会导致两次http请求,因为服务器会创建新的请求。如http://www.baidu.com,服务器会解析为新的请求:http://www.baidu.com/然后再进行网页访问。

8.table标签的tr和td,tr表示table可以有几行。而td表示每一行里面可以有多少个单元格。之前对于td是列的理解是错误的。

9.虽然可以用table来网页布局,但是table却不是布局工具,现在不推荐使用table布局,推荐使用div。

10.表单现在基本上不用button按钮了,改用input代替。一般表单,input和label以及form就可以做出来。

11.input各个type下表示:

Type = “checkbox”:复选框。

Type = “radio”:单选按钮。

Type = “button”:按钮

Type = “text”:文本框

12.body标签和frameeset(框架标签)不能同时使用,不过如果用noframes标签必须在其内部使用body标签来包括要表达的元素。

13.颜色对照表:可以在下面的两个网页查看。

http://www.atool.org/colorpicker.php

http://www.114la.com/other/rgb.htm

http://www.w3school.com.cn/html/html_colornames.asp

14.<!DOCTYPE>声明。它不是html标签,它声明html是用什么版本编写的。

15.如何对付老式浏览器中script的显示问题。

老式浏览器不支持script,有可能将script内容显示在网页上,为了避免这种现象,可以在注释里面写script脚本。新浏览器也会执行注释中的脚本。

16.html实体。对付预留字符的。

Html中某些字符是预留的,如<和>是表示标签的符号,不代表大于小于号,如果想要大于小于,则就需要用html实体来解决。一般情况下,需要用到的实体大体有:

17.URL,统一资源定位器。

由于url只能使用ascii字符来通过因特网进行访问,所以,url中包含的ascii外的字符必须转换成有效的ascii字符。url通过%后跟随两位的十六进制数来替换非ascii字符。url不能包含空格,空格在url中用+号代替。部分url编码:

18.web网页的多媒体。

Web的多媒体指的是音效、音乐、视频和动画。可以用object标签来播放他们。因为object标签可以以浏览器方式运行插件,这些插件可以是flash,可以是windows media player等。

19.多媒体标签

20.h5中播放视频的方式:

Video标签,h5新标签。内部包含source标签指定要播放的视频。

Object标签,插件嵌入方式,直接在object标签内部src属性播放文件。

Embed标签,在网页中嵌入多媒体元素,如果浏览器不支持flash,也不可播放。

最好的解决办法:HTML 5 + <object> + <embed>

21.XHTML和HTML的区别。

规范性,按照XML标准重构的HTML。

强制性:某些元素标签强制性带有。

语法性:小写限制和标点符号规范。

如下图所示:

其实综合来说就是,声明,引用,正确嵌套,小写,关闭。

来吧,HTML5之一些注意事项的更多相关文章

  1. HTML5 - HTML5 postMessage API 注意事项

    一:发送 window.postMessage("Hello, world", "http://127.0.0.1:8080"); 注意,必须要加上http:/ ...

  2. [JavaScript] html5 video标签注意事项

    Chrome 66 禁止声音自动播放 声音无法自动播放这个在IOS/Android上面一直是个惯例,桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能,紧接着在2018年 ...

  3. html5视屏背景注意事项。

    在动手编码实现前,视频作为网页背景的有些问题我们要先考虑清楚: 并不是因为技术上可行你就可以任意使用:作为背景的视频内容必须能增强页面内容的感染力,而不是因为漂亮或技术上很酷就使用它. 作为背景的视频 ...

  4. HTML5 标签元素的一些注意事项

    不运行写结束标记的元素(但标签元素): area.base.br.col.command.embed.hr.img.input.keygen.link.meta.param.source.track. ...

  5. 使用HTML5地理位置定位到城市的方法及注意事项

    介绍 本文将简述一下如何通过HTML5和百度地图开放平台提供的API来实现对浏览器的定位.实现效果为显示出用户所在的省市,即: XXX省 XXX市. 实现思路 利用HTML5 提供的API获取到用户的 ...

  6. HTML5外包注意事项-开发HTML5游戏的九大坑与解决方法剖析

    随着移动社区兴起,势必带动HTML5的革命.未来一两年内,HTML5移动游戏必将呈现大爆发趋势. 以下是整理的HTML5游戏研发.市场趋势以及渠道布局和技术解决方案的内容.希望大家能从本文中找到对HT ...

  7. HTML5日期时间输入类型注意事项(time,date)

    原文链接:http://www.webhek.com/post/html5-date.html 1.HTML5规范里只规定date新型input输入类型,并没有规定日历弹出框的实现和样式.所以,各浏览 ...

  8. 使用html5绘图技术事项调用摄像头拍照;

    在mui框架中调用手机摄像头进行拍照可以直接使用原声的HTML5: 以下是HTML代码 <video id="video" width="640" hei ...

  9. HTML5开发注意事项及BUG解决

    1.点透Q:元素A上定位另外一个元素B,点击元素B,如果元素A有事件或链接,会触发元素A上的事件或链接,即点透A:在元素B的touchend中增加ev.preventDefault();阻止默认事件即 ...

随机推荐

  1. Fis3的前端工程化之路[三大特性篇之声明依赖]

    Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...

  2. Scrapy框架爬虫初探——中关村在线手机参数数据爬取

    关于Scrapy如何安装部署的文章已经相当多了,但是网上实战的例子还不是很多,近来正好在学习该爬虫框架,就简单写了个Spider Demo来实践.作为硬件数码控,我选择了经常光顾的中关村在线的手机页面 ...

  3. SQLServer文件收缩-图形化+命令

    汇总篇:http://www.cnblogs.com/dunitian/p/4822808.html#tsql 收缩前 图形化演示: 不仅仅可以收缩日记文件,数据库文件也是可以收缩的,只不过日记收缩比 ...

  4. Sublime配置python开发环境

    Package Control Package Control 是Sublime 里直接安装附加插件的包管理器.可以通过以下步骤手动安装: 1.点击Preferences > Browse Pa ...

  5. ASP.NET Core应用中如何记录和查看日志

    日志记录不仅对于我们开发的应用,还是对于ASP.NET Core框架功能都是一项非常重要的功能特性.我们知道ASP.NET Core使用的是一个极具扩展性的日志系统,该系统由Logger.Logger ...

  6. 【Web动画】SVG 实现复杂线条动画

    在上一篇文章中,我们初步实现了一些利用基本图形就能完成的线条动画: [Web动画]SVG 线条动画入门 当然,事物都是朝着熵增焓减的方向发展的,复杂线条也肯定比有序线条要多. 很多时候,我们无法人工去 ...

  7. iOS开发之多种Cell高度自适应实现方案的UI流畅度分析

    本篇博客的主题是关于UI操作流畅度优化的一篇博客,我们以TableView中填充多个根据内容自适应高度的Cell来作为本篇博客的使用场景.当然Cell高度的自适应网上的解决方案是铺天盖地呢,今天我们的 ...

  8. node中子进程同步输出

    管道 通过"child_process"模块fork出来的子进程都是返回一个ChildProcess对象实例,ChildProcess类比较特殊无法手动创建该对象实例,只能使用fo ...

  9. LINQ to SQL Select查询

    1. 查询所有字段 using (NorthwindEntities context = new NorthwindEntities()) { var order = from n in contex ...

  10. 看图理解JWT如何用于单点登录

    单点登录是我比较喜欢的一个技术解决方案,一方面他能够提高产品使用的便利性,另一方面他分离了各个应用都需要的登录服务,对性能以及工作量都有好处.自从上次研究过JWT如何应用于会话管理,加之以前的项目中也 ...