>

是时候再提web标准

- 编辑:乐百家599手机首页 -

是时候再提web标准

3、热衷于“向前看”

学习新技艺,丰盛友好的技巧树——html5、canvas、svg、react、ES6等。

抽薪止沸“难点”——感到经常的做事没什么挑衅了,所以不屑于去深挖本人曾经会了东西。

做出炫丽的法力——纯CSS图标、动漫,3D动漫,canvas动漫等。

跟风式学习——我们都在谈,产业界都在捧,看起来很好的东西,就起来不耐心不安,蓄势待发,其实有句话叫做:“功底不牢,山崩地陷”,兴致冲冲的去学习新的事物的时候,往往会意识,未有丰盛的根底,是很难前进的。

上边说的这几个是错的么?当然都对,特别是在手艺提升改正迭代速度快的网络领域,想会得越来越多让和睦越来越强,同时会的越多在其实使用中可筛选的方案也更加多,兴趣驱动去学学,那是好事,笔者要好也是这样的,但大家必要在意的是,学习不是一条直线,无法顺着一条线平昔往前冲,除了长度,还应该有深度,须要大家不住的从各类方面去打磨和填充才具好转。

两个首屈一指的HTML4页面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<div id="header">
<h1>HTML4</h1>
</div>
<div id="main"></div>
<div id="footer"></div>
</body>
</html>
4到5步向了生机勃勃部分新标签 并删除了意气风发部分放任标签
4的包容性好但平常依照5去写 轻松 适应性更加好

遍布的浏览器有如何,什么内核

浏览器
chrome浏览器、火狐浏览器(Mozilla Firefox卡塔 尔(英语:State of Qatar)、IE浏览器、360极速浏览器、搜狗浏览器、猎豹极轻浏览器等。
内核

  1. Trident(IE内核);
  2. Gecko(Firefox内核);
  3. Presto(Opera前内核) (已废弃);
  4. Webkit(Safari内核,Chrome内核原型,开源)。

前端编码规范(2卡塔 尔(英语:State of Qatar)HTML 标准,前端编码

2、只必要做“对”,无需盘活

不菲时候,纵然写错了浏览器会宽容它,当大家的代码是不正规的,以致临时候是错的,可是浏览器依然将它“通常”展现出来,那时候,我们开采不到温馨的不当。以为看起来没难题就没难点,那是很危急的。

标签不用放在心上,交给CSS去管理就好,理论上,大家得以透过自然的CSS法则,任性的改变二个要素的展现,那就变成了对html标签的不另眼对待,因为我们总能让它们看起来未有任何难点。

HTML常见标签、属性

题指标签:h1~h6 h1最大依次依次减少h6最小
段落标签:p 大段文字用p标签包裹
链接标签:a 链到一个地点 ,如:

  • <a href="#">饥人谷.com</a>
  • <a href="#about">饥人谷.com</a>协作页面中一定应用(锚链接卡塔 尔(英语:State of Qatar)如:<p id="about">饥人谷.com</p>
  • <a href="/getCourse">饥人谷.com</a>
  • <a href="" target="_blank" title="饥人谷">饥人谷.com</a>
    target属性:
    1._blank 在新窗口中展开被链接的文书档案
    2._self 默许,在同后生可畏的框架中张开被链接的文档
    3._parent 在父框架聚焦展开被链接文书档案
    4._top 在漫天窗口中张开被链接文书档案
    5.framename 在内定的框架中展开被链接文档
    title属性:
    鼠标悬停在超链接上的时候,显示该超链接的文字注释。假如指望注释多行显示,能够选拔
    用作换行符。

图片标签:img
<img src="#" alt="头像">
alt属性:
当图片不能够平常呈现,对图片的呈报

div标签:div
如:
<div id="header">...</div>
<div id="content">...</div>
<div class="footer">...</div>
div用于给页面划分区块,让组织更清楚
id和class的区分:class是意气风发类,id具备唯黄金年代性

列表标签ul、ol、dl
ul li标签
<ul class="nav">
<li><a href="#">首页</a></li>
<li><a href="#">关于</a></li>
<li>
<a href="#">更多</a>
<ul>
<li>联系</li>
<li>地址</li>
</ul>
</li>
</ul>
ul:insorti list 冬日列表
用来表示并列的开始和结果
ul的直接子成分是li
能够嵌套
ol li标签
<h2>把大象关到对开门冰箱的步调</h2>
<ol>
<li>把大象变小</li>
<li>展开对开门对开门电冰箱</li>
<li>把大象塞进去</li>
</ol>
ol:order list 有体系表
用于表示有步骤或编号的并列内容
ol的向来子元素是li
能够嵌套
dl dt dd标签
<dl>
<dt>商品名称:</dt>
<dd>青花瓷</dd>
<dt>特征:</dt>
<dd>白色</dd>
<dd>圆口</dd>
<dt>商品介绍</dt>
<dd>那是三个长时间的瓷器,很贵,易碎</dd>
</dl>
来得一花样好多“题目:内容…”的气象

按钮标签:button
<button>点我</button>

文字:span strong em
span:不荒谬呈现
em:加强
strong:重申性越来越强
<p>优惠 <strong>100</strong> 元</p>
<p>小谷 <em>2</em> 岁了</p>

iframe标签
用来放置二个页面(注意跨域操作难点卡塔 尔(英语:State of Qatar)
<iframe src="" name="myPage"></iframe>
<p><a href="" target="myPage">W3Cschool.cc</a></p>

报表标签 table
用以突显表格,不可能用做布局
thead tbody tfoot可粗略,浏览器会自动增添border-collapse:collapse;用于归总边框
<table>
<thead>
<tr>
<th>姓名</th>
<th>年纪</th>
</tr>
</thead>
<tbody>
<tr>
<th>姓名</th>
<th>年纪</th>
</tr>
<tr>
<td>小明</td>
<td>18</td>
</tr>
<tr>
<td>小花</td>
<td>20</td>
</tr>
</tbody>
<tfoot></tfoot>
</table>

<table>
<tr>
<th>姓名</th>
<th>年纪</th>
</tr>
<tr>
<td>小明</td>
<td>18</td>
</tr>
<tr>
<td>小花</td>
<td>20</td>
</tr>
</table>

文书档案申明的法力?严酷格局和交集方式指什么?<!doctype html> 的作用?

  • 文书档案注脚的功效
    文书档案声健脾的是防止现身乱码景况。
  • 严加情势和交集形式指什么
    严谨方式:又称规范形式,是指浏览器根据 W3C 标准解析代码
    掺杂形式:又称奇异格局或包容形式,是指浏览器用本人的方法剖析代码
    区分 :浏览器剖析时到底使用严厉格局依然混合情势,与网页中的 DTD 直接相关。
  • <!DOCTYPE html>
    <DOCTYPE>注明叫做文件类型定义(DTD卡塔 尔(阿拉伯语:قطر‎,表明的法力为了告诉浏览器该文件的类
    型。让浏览器分析器知道应该用哪些标准来深入分析文书档案

本子加载

是因为质量思索,脚本异步加载很关键。黄金时代段脚本放置在 <head> 内,比如 <script src="main.js"></script>,其加载会向来不通 DOM 剖判,直至它完全地加载和实施完结。那会促成页面呈现的推移。极度是有些重量级的剧本,对客户体验的话那真是二个庞大的影响。

异步加载脚本可解决这种属性影响。若是只需同盟 IE10 ,可将 HTML5 的 async 属性加至脚本中,它可防御堵塞 DOM 的剖释,以至你能够将脚本援用写在 <head> 里也还未有影响。

如需协作老旧的浏览器,施行阐明可应用用来动态注入脚本的本子加载器。你可以假造 yepnope 或 labjs。注入脚本的一个标题是:平昔要等到 CSS 对象文书档案已就绪,它们才最早加载(短暂地在 CSS 加载实现之后卡塔尔国,那就对急需立即触发的 JS 产生了自然的推迟,那多多少少也听得多了就能说的清楚了顾客体验吧。

终上所述,包容老旧浏览器(IE9-)时,应该遵从以下最好实行。

本子引用写在 body 甘休标签以前,并带上 async 属性。那即便在老旧浏览器中不会异步加载脚本,但它只拥塞了 body 甘休标签早前的 DOM 深入解析,那就大大减少了其梗塞影响。而在现代浏览器中,脚本就要 DOM 解析器开采 body 尾巴部分的 script 标签才进行加载,当时加载归于异步加载,不会拥塞 CSSOM(但其施行仍发生在 CSSOM 之后卡塔尔国。

富有浏览器中,推荐

 

  1. <html>
  2.   <head>
  3.     <link rel="stylesheet" href="main.css">
  4.   </head>
  5.   <body>
  6.     <!-- body goes here -->
    1.     <script src="main.js" async></script>
  7.   </body>
  8. </html>

只在现世浏览器中,推荐

 

  1. <html>
  2.   <head>
  3. 乐百家前段,    <link rel="stylesheet" href="main.css">
  4.     <script src="main.js" async></script>
  5.   </head>
  6.   <body>
  7.     <!-- body goes here -->
  8.   </body>
  9. </html>

列表

哪些特色吗?最显明的便是有不少项,项和项之间相互独立,竖着排列,像这么

自己是列表
自个儿是列表
自个儿是列表

它能够被怎么样写吧?

1、

XHTML

自身是列表<br> 笔者是列表<br> 笔者是列表<br>

1
2
3
我是列表<br>
我是列表<br>
我是列表<br>

2、

XHTML

<li>小编是列表</li> <li>作者是列表</li> <li>作者是列表</li>

1
2
3
<li>我是列表</li>
<li>我是列表</li>
<li>我是列表</li>

3、

XHTML

<ul> <li>作者是列表</li> <li>笔者是列表</li> <li>小编是列表</li> </ul>

1
2
3
4
5
<ul>
    <li>我是列表</li>
    <li>我是列表</li>
    <li>我是列表</li>
</ul>

地方三种是相比较一向想到的没错写法,当然也足以用ol,算同大器晚成种情势。它们所能完结的效应是周围的,往往我们会从表现的角度思忖说第黄金时代种相当不够灵活,不能调节样式,第二种办法浏览器也不会不搭理你,它会把li解析成块级元素,让它们单独排列,但它失去了告知浏览器“作者是个列表”的标识,相当于外围容器(ul/ol卡塔尔国,最棒的写法分明是第几种,它不但看起来是对的,还告知浏览器那是个列表,还会有列表所应当的特色,举个例子“缩进”和“珍视号”,当然,最大的补益仍然为它是有含义的,也是怎么这里未有提div和p等因素的案由。

普及的浏览器和基本

IE浏览器的trident
火狐浏览器的gecko
谷歌(Google卡塔 尔(英语:State of Qatar)、opera浏览器的blink
safari浏览器的webkit

什么样精通 HTML 语义化

  • 语义化HTML是意气风发种编写HTML的措施。
  • 选用妥贴的价签、使用合理的代码结构,便于开辟者阅读,同一时候让浏览器的爬虫和机器很好地解析。
    好处
    1. 页面呈现出很好地内容结构、代码结构
    2. 客商体验好。
    3. 利于SEO优化
    4. 有助于别的设备解析来渲染网页。
    5. 便于团体支付和保卫安全,语义化更具可读性

HTML 验证

近似景色下,提议使用能经过标准规范验证的 HTML 代码,除非在质量优化和调控文件大小上只可以做出迁就。

行使诸如 W3C HTML validator 那样的工具来开展检查实验。

标准化的 HTML 是表现技艺必要与局限的显眼质量基线,它推向了 HTML 被越来越好地采纳。

不推荐

 

  1. <title>Test</title>
  2. <article>This is only a test.

推荐

 

  1. <!DOCTYPE html>
  2. <meta charset="utf-8">
  3. <title>Test</title>
  4. <article>This is only a test.</article>

class还是id?

有关那点,能够参照一下和讯上那些难点的答案。

稍许总括下关注点:

1、id唯豆蔻梢头性,class重复。依照指标成分的重复性和独天性来定
2、id权重较高
3、外围用id,内部结构善用class
4、前端选取id操作DOM,重构使用class操作DOM,UI和相互相互独立互不影响

除此以外还建议一些对于class的误用,上面是W3C的陈说:

class:There are no additional restrictions on the tokens authors can use in the class attribute, but authors are encouraged to use values that describe the nature of the content, rather than values that describe the desired presentation of the content.

情趣是:class应该是陈述内容的真相(语义)的并不是内容长什么样。

假若依据这种说法,那么有为数不菲做法皆以不妥的,相信咱们看过好多“.f12、.fl 、.mr10”之类。

文书档案注解

<!DOCTYPE> 成效是声称文书档案的分析类型,注脚必得是 HTML 文书档案的第大器晚成行,位于 <html> 标签以前。
宣称不是HTML标签,它是提醒Web浏览器关于页面使用哪个HTML版本实行编写制定的下令。
HTML4.01和HTML5迥然分化 日常用H5表明
<!doctype html>就是HTML5的声明

列出大范围的标签,并简短介绍这么些标签用在怎么着境况

  • h1~h6 标题
    <h1>代表页面最大的题目</h1>
    <h2>二级标题</h2>
    <h3>更弱的标题</h3>
    <h4>...</h4>
    <h5>...</h5>
    <h6>最小标题</h6>
  • p段落
    <p>表示大段文字</p>
  • a链接,链到叁个地点
    <a href="http://www.google.com"" target="_blank" title="ABC">google.com</a>
    <a href="#">空</a>
    <a href="#about">定位ID标签about位置</a>
    <a href="/getCourse">链接路线地址</a>
  • img显示一张图片
![](https://www.jianshu.com/p/a.png)
  • div语义为“一大块”,用于给页面划分区块,让组织更清楚
    <div id="header">...</div>
    <div id="content">...</div>
    <div id="footer">...</div>
  • ul li
  • ul: unsort list 冬辰列表
  • 用以表示并列的从头到尾的经过
  • ul的第一手子成分是li
  • 能够嵌套
    <ul class="nav">
    <li><a href="#">首页</a></li>
    <li><a href="#">关于</a></li>
    <li>
    <a href="#">更多</a>
    <ul>
    <li>联系</li>
    <li>地址</li>
    </ul>
    </li>
    </ul>
  • OL LI
  • ol: order list 有序连串表
  • 用于表示带步骤大概编号的并列内容
  • ol的直白子元素只好是li 能够嵌套
    <h2>把大象关到对开门电冰箱的步子</h2>
    <ol>
    <li>把大象变小</li>
    <li>打开三门三门电冰箱</li>
    <li>把大象塞进去</li>
    </ol>
  • DL DT DD用于展现生龙活虎二种 “题目:内容... ”的光景
    <dl>
    <dt>商品名称:</dt>
    <dd>青花瓷</dd>
    <dt>特征:</dt>
    <dd>白色</dd>
    <dd>圆口</dd>
    <dt>商品介绍</dt>
    <dd>这是一个旷日悠久的瓷器,很贵,易碎</dd>
    </dl>
  • button按钮
    <button>点我</button>
  • strong em
  • em 要求强调一下
  • strong 很入眼、重申性更加强
    <p>优惠 <strong>100</strong> 元</p>
    <p>小谷 <em>2</em> 岁了</p>
  • iframe用于放置二个页面 注意跨域操作难点
    <iframe src="" name="myPage"></iframe>
    <p><a href="http://www.baidu.com"" target="myPage">baidu.com</a></p>
  • table
    用于展示表格,不要用来做布局 thead tbody tfoot可总结,浏览器会自行增加 border-
    collapse: collapse;用于归总边框
    <table>
    <tr>
    <th>姓名</th>
    <th>年纪</th>
    </tr>
    <tr>
    <td>小明</td>
    <td>18</td>
    </tr>
    <tr>
    <td>小花</td>
    <td>20</td>
    </tr>
    </table>

关切点剥离

清楚 web 中哪些和怎么区分分裂的关心点,那很首要。这里的关切点首要指的是:消息(HTML 结构卡塔尔国、外观(CSS卡塔 尔(阿拉伯语:قطر‎和行为(JavaScript卡塔 尔(英语:State of Qatar)。为了使它们形成可保障的根本卫生的代码,大家要尽大概的将它们分别开来。

无情地确认保障组织、表现、行为三者抽离,并尽恐怕使三者之间从未太多的互相和关联。

实属,尽量在文书档案和模板中只含有结构性的 HTML;而将具有表今世码,移入样式表中;将全数动作表现,移入脚本之中。

在这里之外,为驱动它们之间的交流尽也许的小,在文书档案和模板中也尽量少地引进样式和本子文件。

显著的分支意味着:

  • 不行使超越意气风发到两张样式表(i.e. main.css, vendor.css卡塔 尔(英语:State of Qatar)
  • 不应用超越豆蔻梢头到三个剧本(学会用统意气风发脚本卡塔 尔(英语:State of Qatar)
  • 不采用行内样式(<style>.no-good {}</style>
  • 不在成分上使用 style 属性(<hr>
  • <link rel="stylesheet" href="main.css" type="text/css">
  • <script src="main.js" type="text/javascript"></script>
  • 推荐

     

    1. <link rel="stylesheet" href="main.css">
    2. <script src="main.js"></script>

    可用性

    若是 HTML5 语义化标签使用方便,大多可用性难题已经引刃而解。A奥迪Q3IA 准绳在部分语义化的要素上可为其添上暗许的可用性角色属性,使用方便的话已使网站的可用性超过四分之二独立自己作主。即使你使用 navasidemainfooter 等要素,A福睿斯IA 准则会在其上行使有的事关的暗中认可值。
    更加多细节可参照 A汉兰达IA specification

    别的一些剧中人物属性则能够用来表现越来越多可用性格景(i.e. role="tab")。


    Tab Index 在可用性上的运用

    反省文书档案中的 tab 切换顺序并传值给成分上的 tabindex,那足以依附成分的关键来重新排列其 tab 切换顺序。你能够安装 tabindex="-1" 在其他因素上来禁用其 tab 切换。

    当你在八个私下认可不可聚集的成分上平添了功用,你应该总是为其拉长 tabindex 属性使其形成可集中状态,何况那也会激活其 CSS 的伪类 :focus。选用适用的 tabindex 值,或是直接选用 tabindex="0" 将成分们集体成同一tab 顺序水平,并强制干预其自然阅读顺序。


    ID 和锚点

    通常说来一个相比好的做法是将页面内具有的尾部标题成分都增进 ID. 那样做,页面 U路虎极光L 的 hash 中带上对应的 ID 名称,即酿成描点,方便跳转至对应成分所处地点。

    打个举个例子,当您在浏览器中输入 UPRADOL http://your-site.com/about#best-practices,浏览器将定点至以下 H3 上。

     

    1. <h3 id="best-practices">Best practices</h3>

    格式化准则

    在每三个块状成分,列表成分和表格成分后,加上生龙活虎新空白行,并对其子孙成分进行缩进。内联成分写在风流倜傥行内,块状成分还会有列表和表格要另起生机勃勃行。

    (若是由于换行的空格引发了不可预测的标题,那将兼具因素并入黄金时代行也是足以承担的,格式警示总好过错误警报卡塔 尔(英语:State of Qatar)。

     

    1. <blockquote>
    2.   <p><em>Space</em>, the final frontier.</p>
    3. </blockquote>
      1. <ul>
    4.   <li>Moe</li>
    5.   <li>Larry</li>
    6.   <li>Curly</li>
    7. </ul>
      1. <table>
    8.   <thead>
    9.     <tr>
    10.       <th scope="col">Income</th>
    11.       <th scope="col">Taxes</th>
    12.     </tr>
    13.   </thead>
    14.   <tbody>
    15.     <tr>
    16.       <td>$ 5.00</td>
    17.       <td>$ 4.50</td>
    18.     </tr>
    19.   </tbody>
    20. </table>

    HTML 引号

    接受双引号(“”) 实际不是单引号(”) 。

    不推荐

     

    1. <div class='news-article'></div>

    推荐

     

    1. <div class="news-article"></div>

    [1]: 此处的空白元素指的是以下因素:areabasebrcolcommandembedhrimginputkeygenlinkmetaparamsourcetrackwbr

    标准,前端编码 文书档案类型 推荐使用 HTML5 的文书档案类型注解: !DOCTYPE html (提出利用 text/html 格式的 HTML。制止接纳 X...

1、门槛低、简单

一周就足以驾驭html,常用标签相当少,用不到的不用管

比如:h1~6、p、span、div、img、a、input等,大家来随意的看一张截图

乐百家前段 1

地点是某宝PC端的登陆页,大概是由于各样原因(不详卡塔尔国,只用了小量的竹签,所以,并不说它是不佳的恐怕是错的,但它是任何不菲人的刻画。假若作者说html标签有100几个,你会是怎样反应?

1、不精通,没悟出有那样多
2、知道,但以为相当多都用不上

您会是哪一类?

怎么样在适龄的时候,合适之处,使用科学的标签,那是web标准的着力必要。后边细说。

CSS相当轻便,常用属性也就那么多

宽、高、边框、背景、定位、浮动、边距,假如你调整了那般多,那么就可以预知应对比比较多页面布局的景况了。要是你因而就认为css超级轻巧,那么就等着它来“惩罚”你吧。

倒霉的上边:各类宽容难点,各类奇葩布局要求,各类不可预言的bug

好之处:超级多好奇的技术和css3新个性,能够扶持大家做出充满美感又美妙的作用

意气风发旦您还是感觉CSS太轻松,那么请看一下这里https://drafts.csswg.org/indexes/,要坚强~

HTML、XML、XHTML

HTML:超文本标识语言,是语法较松懈的、不严苛的Web语言;
XML:(EXtensible 马克up Language卡塔尔国可增添标识语言,首要用以存款和储蓄数据喝结构、设计焦点是传输数据,而非展现数据、标签未有被预订义。必要活动定义标签;
参考http://w3school.com.cn/xml/xml_intro.asp
XHTML:可扩张超文本标志语言,是XML和HTML的结合物基于XML,功用和HTML相似,但语法更严峻;
参考http://w3school.com.cn/xhtml/xhtml_why.asp

哪些精晓内容与体制分离的法则

  1. 在WEB开辟中, 贰个网页分为三部分:Html——结构(内容卡塔尔,css——表现(样式卡塔尔,javascrip——行为。内容与体制分离,正是让内容的归 HTML, 样式归 CSS。同时,HTML 内不允许现身属性样式,尽量不要现身行反革命内样式。
  2. 编码准确做法是HTML和CSS要分手使用,不要混着用。入眼放在HTML的结商谈语义化上,让HTML能提现页面结构照旧内容,,然后举办css 样式设置(即剧情与体制分离),写JS的时候,尽量不要用JS去直接操作样式,而是通过给成分增添删减class来调控样式变化(即作为分别卡塔 尔(阿拉伯语:قطر‎。
  3. 分开原则的优点
    • 浏览器加载网页页面速度变快。抽离原则下,大多数页面代码写在了CSS个中,页
      面体积体量变得越来越小。
    • 网页校正设计时,效能、省时。依据html标签内ID或class的号子,到CSS里找到相
      应的ID或class,能够急忙替换钦赐地方的体裁,不会破坏页面架会谈其他一些的样
      式。
    • 独立的施用就是网页换肤,使用同生龙活虎的 html 结构,不一致的 CSS 样式。
    • 越来越好地被找寻引擎收音和录音。基于内容与体制分离的法规,html的语义化正是珍视思虑
      的,网页中语义化的价签代码就能够愈发符合寻觅引擎。
      CSS样式的辞行,它能够依附不相同的浏览器,到达彰显效果的归并。保证网页架构
      不改变形的前提下,放心在差异浏览器渲染呈现样式。

文书档案类型

推介使用 HTML5 的文书档案类型评释: <!DOCTYPE html>

(提出利用 text/html 格式的 HTML。幸免使用 XHTML。XHTML 以至它的习性,举例 application/xhtml xml 在浏览器中的应用支撑与优化空间都极其点儿卡塔尔。

HTML 中最棒永不将无内容成分 [1]的标签闭合,举例:使用 <br> 而非 <br />.


文书档案结商谈意义为先

我们都明白,达成生龙活虎种功效能够有各类艺术,那么哪个种类才是最优的?来看例子

HTML(HyperText Markup Language:超文本标志语言卡塔尔
  • 用来创立网页的正经八百标志语言。
  • HTML是风度翩翩种底工技能,常和css、js一齐搭建网页、网页应用程序以致移动应用程序的客商分界面。
  • 网页浏览器能够读取HTML文件并渲染成可视化的网页。
    参考https://zh.wikipedia.org/wiki/HTML
    HTML版本
    1997.1 HTML3.2
    1997.12 HTML4.0
    1999.12 HTML4.01
    2014.10 HTML5

HTML、XML、XHTML 有何样区别

  • HTML 超文本标志语言(HyperText Markup Language,简单的称呼:HTML卡塔尔国是一种用于创造网页的正统标志语言。
  • XML 可扩充标记语言(The Extensible 马克up Language)的简写,重要用以存款和储蓄数据和结构。
  • XHTML 可扩充标记语言 (The Extensible HyperText 马克up Language)的缩写,基于XML,功用与HTML相像,指标正是兑现HTML向XML的联网。

语义化

依据成分(一时被颠倒是非地称呼“标签”卡塔尔其被成立出来时的开始意义来选取它。打个比如,用 heading 成分来定义尾部标题,p 成分来定义文字段落,用 a 成分来定义链接锚点,等等。

有依据有目标地使用 HTML 成分,对于可访谈性、代码重用、代码作用来说意义首要。


本文由乐百家前段发布,转载请注明来源:是时候再提web标准