入门 html

作者: 暂时没有好名字 | 来源:发表于2017-03-01 20:10 被阅读0次

    HTML、XML、XHTML 有什么区别

    HTML,超文本标记语言,是语法较为松散的、不严格的Web语言;

    XML,可扩展标记语言,主要用于存储数据和结构,可扩展;

    XHTML,可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格。

    感觉和没说似的。。。尴尬

    怎样理解 HTML 语义化

    html+css+js  =    结构层+表现层+行为层

    语义化就是让标签和其所包裹的内容的意思想吻合

    为什么要进行语义化

    1.方便机器理解代码,利于SEO

    搜索引擎爬虫理解了你的代码,你的网站排名自然有加分了。

    2.代码更简洁,复用性更高。使用合适的标签,可以少些很多css或者js。

    代码更简洁:这个显而易见了。

    复用性更高

    少写css js:在代码简洁那里说了,就不重复了

    3.访问性更好

    这个主要就是针对读屏器或者其他一些对CSS理解不好的浏览器。语义化的HTML可以做到脱离CSS还能看,而非语义化的就难了

    关于如何让自己代码语义化,我觉得有个方法可行

    首先,你需要掌握常用的标签,包括标签代表的含义。

    其次,在你写html的时候,常常去想想,这么写是否满足了语义化的要求。

    最后,经常看一些大公司的网站(特别是新站)、开源项目代码,我知道大家都会这么做,但每当你看他们css如何写的,js如何写的时候,请抽出一点点时间,看看他们html是如何写的,思考下为什么这么写。

    这样,我相信慢慢的你的HTML代码语义化会越来越好。

    总之,语义化HTML代码不是一个可以从不会到会的问题,而是一个不断改进的问题,不值得一次花大量精力去学习,但是需要每天积累一点来提高的技能


    关于上面一大段很多是谷歌的,也就是抄的,因为不理解不明白不懂,我知道这是不是借口在以后的日子里尽量减少去抄袭,尽量去总结谢谢

    又说了一堆没用的。。。


    ·怎样理解内容与样式分离的原则

    1)网页分离

    一个网页分为三个部分:Html——结构,css——表现,javascrip——行为。内容也就是html,样式也就是css。所以内容和样式的分离,就是指在网页编码的过程中,要将html和css两大部分分开。

    2)如何实现

    内容与样式分离的原则的实现,一个是要依靠意识,另一个是依靠经验。

    举例而言,面对一个分块明显的网页设计图时:

    初级的开发人员思路及制作方法:div 层层嵌套;

    中级的开发人员思路及制造方法:去掉多余的 div ,进行简化;

    高级的开发人员思路及制造方法:最大化的简化 html 的结构,然后用 css 进行设置,减少 html 与 css 的契合度。

    正确做法是写HTML的时候先不管样式,重点放在HTML的结构和语义化上,让HTML能提现页面结构或者内容,,然后进行 css 样式设置,减少 HTML 与 CSS 契合度(即内容与样式分离) ,写JS的时候,尽量不要用JS去直接操作样式,而是通过给元素添加删除class来控制样式变化(即行为分离)。

    3)分离原则的优点

    浏览器加载网页页面速度变快。分离原则下,大部分页面代码写在了CSS当中,页面体积容量变得更小。

    网页修改设计时,效率、省时。根据html标签内ID或class的标记,到CSS里找到相应的ID或class,可以快速替换指定位置的样式,不会破坏页面架构和其他部分的样式。

    典型的应用就是网页换肤,使用相同的 html 结构,不同的 css 样式。

    更好地被搜索引擎收录。基于内容与样式分离的原则,html的语义化就是首要考虑的,网页中语义化的标签代码就会更加适合搜索引擎。

    css样式的分离,它可以根据不同的浏览器,达到显示效果的统一。保证网页架构不变形的前提下,放心在不同浏览器渲染显示样式。

    有哪些常见的meta标签

    这个 我放几个喜欢的链接因为这个我真的不懂。。

    这个写的真的好,需要多看看了

    html中meta标签的介绍

    文档声明的作用?严格模式和混杂模式指什么?的作用?

    简单说就是告诉浏览器你应该这么做,不做就打你屁股!!!但是需要你告诉浏览器去怎么做,座椅在开头进行声明,这是html的东西,不是java c语言啥的,记住了这是html!!!

    1.声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。

    2.所谓的标准模式是指,浏览器按W3C标准解析执行代码;怪异模式则是使用浏览器自己的方式解析执行代码,因为不同浏览器解析执行的方式不一样,所以我们称之为怪异模式。

    3.浏览器解析时到底使用标准模式还是怪异模式,与你网页中的DTD声明直接相关,DTD声明定义了标准文档的类型(标准模式解析)文档类型,会使浏览器使用相应的方式加载网页并显示,忽略DTD声明,将使网页进入怪异模式。

    浏览器乱码的原因是什么?如何解决

    解决   (看到这么长的的东西头就疼。。。。话说加了一个妹子的微信,她搜的我。。。。叫杨欣,我一个男同学叫做杨欣欣。。、有意思了!!!)

    以下几个地方都需要设置编码格式,例如把编码格式设置成UTF-8:

    Eclipse

    设置项目的编码为UTF-8,在项目的“属性->Resource”处设置。

    HTML

    在标记中添加:

    3.JSP

    在JSP文件第1行增加:

    <%@page contentType="text/html; charset=UTF-8"%>

    4.JSP

    在表单处理页面中,如果使用了request.getParameter()方法获取提交的表单数据,则需要在获取数据前需要加上:

    request.setCharacterEncoding("UTF-8");

    5.Servlet

    使用如下语句:

    response.setContentType("text/html;charset=UTF-8");

    注意不能写成:

    response.setContentType("UTF-8");

    6.Tomcat

    Tomcat的server.xml文件中找到设置端口的标记,例如:

    connectionTimeout="20000"

    redirectPort="8443" />

    然后添加属性URIEncoding,并且设置值为UTF-8,设置后如下:

    connectionTimeout="20000"

    redirectPort="8443"

    URIEncoding="UTF-8"/>

    (作者: lxlacie

    链接:http://www.imooc.com/article/15286

    来源:慕课网   还是保留作者吧。。。毕竟是他教我的,是吧!!!)

    常见的浏览器有哪些,什么内核

    360 

    qq

    谷歌

    火狐

    忘了ie

    内核 

    Trident 

    Gecko

    Presto

    Webkit: 苹果的啊。。。。想买一个,不过垃圾还是别去侮辱苹果了。。。

    列出常见的标签,并简单介绍这些标签用在什么场景

    这不就长了么。。。。尴尬了。。。是不是又要抄啊,

    ,h1、h2、h3、h4、h5、h6标签用于标题,

    p 标签用于段落,大段文字

    div标签用于给页面划分区块,让结构更清晰

    a标签用于添加链接,链接到某个地址,或者页面上的某个元素。

    img标签用于给页面添加一张图片

    ul和li合用,给页面添加并列的内容

    ol和li合用,给页面添加有步骤和编号的有序内容

    dl dt dd标签,用于展示一系列标题和内容的场景

    button 用于添加按钮

    em 强调页面中的某些内容

    strong 比em标签的强调性更强,表示很重要

    iframe 用于嵌入一个页面,注意跨域操作的问题

    table 用于展示表格,不要用来做布局,thead,tbody和tfoot可以省略,浏览器会自动添加border-collapse:collapse,用于合并边框

    差不多就这些了啊。。。。话说今天第二天开始学习,今天大致完成了差不多五个任务,把下一个任务过了就可以轻悠上手百度前端技术学院的第一个任务了,不过那个好久了,我还是那么垃圾;、、、、

    老妈的好东西到货了,,,萌萌的哈哈哈

    老妈的病 很严重,这几年累的,作为儿子的我,就知道花钱了,是不是很过分啊。。。。

    自己也知道了,毕业了,是骡子是马该出来溜溜了

    妈的, 竟然快哭了 ,一想到我老妈。。。。猪头 萝莉说的,pk 里萝莉赢了就骂你猪头!!!

    ok


    相关文章

      网友评论

        本文标题:入门 html

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