入门 html

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



















最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,722评论 1 92
  • 公司最近人手极度空缺,领导一声令下,让我和另一个 Android 小伙去支援 Java 组开发。秉承着“一块砖”的...
    GinkWang阅读 741评论 0 15
  • 前端07班 王 O(∩_∩)O哈哈~又到了一年一度,一日一次写博客的激动人心的日子,今天的博客其实特简单,就是搜集...
    ea203453e188阅读 470评论 7 9
  • 一、HTML、XML、XHTML 有什么区别 1. HTML是什么? 描述网页的一种语言 超文本标记语言 (Hyp...
    饥人谷_CST阅读 796评论 0 7
  • 一本书写出来,一定是让读者看的、想的,有句话说一千个读者一千个哈姆雷特.《史记》也是一样的,作为一本纪传体的史书,...
    檐下659阅读 341评论 0 0