HTML简单知识点

1、如何设定HTML字符集

1.首先,说一说为什么要设置html文件的字符集:
如果不指定的话,浏览器会使用本地操作系统的字符集,那么,如果你的应用需要支持多国语言的话,就会有问题,比如你的页面里有中文字符,终端用户的本地操作系统的字符集是ISO-8859-1,那么浏览器就会用ISO-8859-1来解码你的html文件,这样就会造成中文乱码。
如果html文件中没有中文字符,但是页面上有表单输入,那么如果录入中文后提交的话,在接下来的画面中也有可能会产生乱码。比如目前的html文件使用的是本地操作系统的ISO-8859-1字符集,你在画面录入中文后提交,迁移到下一个画面的时候(比如是一个JSP文件,request的字符集是utf-8),那么在下一个画面中显示的时候,仍然会产生乱码。
所以,如果在html文件中明确指定了字符集,那么浏览器就会用你指定的字符集来解码html文件,这样不管本地操作系统的字符集是什么都不会产生乱码。

2.设置方法如下
<head> <meta http-equiv="Content-Type" content="text/html"; charset="utf-8"> </head>

2、div与span区别

DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素)。
1.所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行,测试一下下面的代码你会有更形象的理解:
<span>紧跟前面的"测试"显示</span><div>这里会另起一行示</div>


2.块元素和行内元素也不是一成不变的,通过定义CSS的display属性值可以互相转化,如:
<div style="display:inline">紧跟前面的"测试"显示</div><span style="display:block">这里会另起一行显示</span>
提示:如果不对DIV元素定义任何CSS属性,其显示效果将行将于P元素。
因为DIV与SPAN元素的特殊性,所以一般用于应用样式表,比如说用CSS定义为层,而需要分清的是块元素和行内元素的区别,还有两者间的相互转化。
DIV指定渲染 HTML 的容器。
SPAN指定内嵌文本容器。
总的来说,一个div是占一个块的,它的默认display属性是block,表示一个块。如:
<div>aaa</div>bbb显示出来,是两行。
而span,它的display默认属性是inline,可以连在一起的。如: <span>aaa</span>bbb,显示出来是一行。
div一般用于排版,而span一般用于局部文字的样式。

3、ul与ol

1.ul是无序列表,也就是说没有排列限制可以随意加li;
<ul> <li>可以随意放置</li> <li>可以随意放置</li> <li>可以随意放置</li> </ul>
<ul> <li>可以随意放置</li> <li>可以随意放置</li><li>可以随意放置</li> </ul>
2.ol有序列表,会按照你写的li前后依次排列;
<ol> <li>我是第一</li> <li>我是第二</li> <li>我是第三</li> </ol>
<ol> <li>我是第一</li><li>我是第二</li> <li>我是第三</li></ol>
3.dl是定义列表,会默认前后层级关系;
<dl> <dt>我是头</dt> <dd>我是内容</dd> <dd>我是内容</dd></dl>
<dl> <dt>我是头</dt> <dd>我是内容</dd> <dd>我是内容</dd></dl>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ** 本博客著作权归从这到那所有,转载请注明出处 ** HTML知识点 HTML、XML、XHTML有什么区别 H...
    从这到那阅读 582评论 0 1
  • HTML、XML、XHTML 有什么区别 XML是The Extensible Markup Language(可...
    nianxiaoge阅读 1,115评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • 2017年6月17日 星期六 晴 五年级二班 崔津恺妈妈 今天是礼拜六,中午一回家便看到儿子忙...
    豆瓣儿_b63d阅读 203评论 0 1
  • 成为朋友的方式有很多种,可能是一句话,一声问候,一段经历,一份回忆..... 记得高考毕业那年,填写高考志愿,父母...
    芳芳郁金香_1e19阅读 1,780评论 2 3