美文网首页
HTML简单知识点

HTML简单知识点

作者: TW妖妖 | 来源:发表于2016-12-12 11:07 被阅读23次

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>

相关文章

  • 前端面试每日 3+1 —— 第228天

    今天的知识点 (2019.11.30) —— 第228天 (我也要出题) [html] 你觉得html简单吗?说说...

  • HTML简单知识点

    1、如何设定HTML字符集 1.首先,说一说为什么要设置html文件的字符集:如果不指定的话,浏览器会使用本地操作...

  • HTML简单知识点

    HTML、XML、XHTML 有什么区别 XML是The Extensible Markup Language(可...

  • HTML简单知识点

    ** 本博客著作权归从这到那所有,转载请注明出处 ** HTML知识点 HTML、XML、XHTML有什么区别 H...

  • 重拾HTML

    HTML作为页面的骨架,可能简单得不值一提,但是要清晰、透彻地写出一份HTML可能你需要了解更多 本文知识点如下:...

  • 2018-07-16

    HTML知识点总结 一.什么是html? HTML(HyperText Markup Language) 超文本标...

  • 2019-03-06

    HTML标签 知识点结构

  • vue路由history模式刷新404问题

    这是个老知识点,但也需要简单做个笔记我们都知道vue路由是利用了Html5的history pushState()...

  • 2020-11-19

    重新出发 学习简单的HTML开始简单的知识点 -类选择关键词 class -ID选择器关键词 id 伪类选择器更有...

  • 总结部分知识点 _ 杂(html, css, js)

    总结部分知识点 _ 杂(html, css, js) 搭载项目环境 Html核心文件index.html CSS:...

网友评论

      本文标题:HTML简单知识点

      本文链接:https://www.haomeiwen.com/subject/twrmmttx.html