Menu

美高梅开户:HTML常见其它标签,HTML5基础知识

HTML中常见的其它标签,HTML常见其它标签

一、HTML、XML、XHTML 有什么区别

HTML中常见的其它标签

1、HTML:HyperText Markup Language / 超文本标记语言:
  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
    标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

一、头标签部分

1、<title>:指定浏览器的标题栏显示的内容。

2、<base>:

href
属性:指定网页中所有的超链接的目录。可以是本地目录,也可以是网络目录。注意值得结尾处一定要用/表示目录。只作用于相对路径的超链接文件。

target 属性:指定打开超链接的方式。如_blank
表示所有的超链接都用新窗口打开显示。

3、<meta>:

name
属性:网页的描述信息。当取keywords时,content属性的内容就作为搜索引擎的关键字进行搜索。

http-equiv 属性:模拟HTTP协议的响应消息头。

例:

<meta http-equiv=”refresh” content=”3;url=”
/>

表示打开此页面3秒后自动转到新浪页面。

4、<link>:

rel 属性:描述目标文档与当前文档的关系。

type 属性:文档类型。

media:指定目标文档在哪种设备上起作用。

例:

<link rel=”stylesheet” type=”text/css” media=”screen,print”
href=”a.css” />

 

2、XML: Extensible Markup Language / 可扩展标记语言:
  • XML 指可扩展标记语言(EXtensible Markup Language)
  • XML 是一种标记语言,很类似 HTML
  • XML 的设计宗旨是传输数据,而非显示数据
  • XML 标签没有被预定义。您需要自行定义标签
  • XML 被设计为具有自我描述性
  • XML 是 W3C 的推荐标准

二、其它常见标签

美高梅开户 1

<marquee> 让内容动起来。

direction 属性:left right down up

behavior 属性:scroll alternate slide

<pre>:可以将文本内容按在代码区的样子显示在页面上。

 

3、XHTML: Extensible Hypertext Markup Language / 可扩展超文本标记语言:
  • XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup
    Language)
  • XHTML 的目标是取代 HTML
  • XHTML 与 HTML 4.01 几乎是相同
  • XHTML 是更严格更纯净的 HTML 版本
  • XHTML 是作为一种 XML 应用被重新定义的 HTML
  • XHTML 是一个 W3C 标准

三、标签的分类

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html; charset=GBK">
 5         <title>Untitled Document</title>
 6     </head>
 7     <body>
 8         <div>这是一个div区域1</div>
 9         <div>这是一个div区域2</div>
10         span区域1
11         span区域2
12         <p>这是一个段落1</p>
13         <p>这是一个段落2</p>
14         
15         <!--
16         标签分为两大类。
17         1,块级标签(元素):标签结束后都有换行。div p dl table title ol ul 
18         2,行内标签(元素):标签结束后没有换行。 font span img input select a
19         -->
20         <dl>
21             <dt>ddddd</dt>
22             <dd>eeeee</dd>
23         </dl>
24         hahahahh
25     </body>
26 </html>

div没有直接含义,只是封装数据,可以使用我们定义的其它语言来操作。一般是div+css。

sapn也是这样的标签,只是span标签是行内标签,div是块级标签。

p是段落标签,不仅换行,前后都有空行。

 

二、怎样理解 HTML 语义化

四、XHTML和XML

通俗点说:XHTML是HTML的进阶版,XML因其规范性一般被用作配置文件。

XHTML是可扩展的超文本标记语言(Extensible HyperText Markup Language)。


XHTML是w3c组织在2000年的时候为了增强HTML推出的,本来是想替代HTML,但是发现Internet上用HTML写的网页太多,未遂!可以理解为它是HTML一个升级版(HTML4.01)。

l  XHTML的代码结构更为严谨,是基于XML的一种应用。

XML是可扩展标记语言(Extensible Markup Language)

l  XML是对数据信息的描述。HTML是数据显示的描述。

l  XML代码规定的更为严格,如:标签不结束被视为错误。

l  XML规范可以被更多的应用程序所解释,将成为一种通用的数据交换语言。

各个服务器,框架都将XML作为配置文件。

HTML中常见的其它标签 一、头标签部分
1、title:指定浏览器的标题栏显示的内容。 2、base: href 属…

1、HTML语义化是什么?

语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。

2.为什么要语义化?
  • 用正确的标签做正确的事情,让页面的内容结构化,便于浏览器、搜索引擎解析
  • 有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各个关键字的权重
  • 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构
  • 方便其他设备的解析
  • 便于团队开发和维护

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

1、什么是样式分离

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

2、分离的优点
  • 浏览器加载网页页面速度变快。分离原则下,大部分页面代码写在了CSS当中,页面体积容量变得更小。
  • 网页修改设计时,效率、省时。根据html标签内ID或class的标记,到CSS里找到相应的ID或class,可以快速替换指定位置的样式,不会破坏页面架构和其他部分的样式。
    典型的应用就是网页换肤,使用相同的 html 结构,不同的 css 样式。
  • 更好地被搜索引擎收录。基于内容与样式分离的原则,html的语义化就是首要考虑的,网页中语义化的标签代码就会更加适合搜索引擎。
  • css样式的分离,它可以根据不同的浏览器,达到显示效果的统一。保证网页架构不变形的前提下,放心在不同浏览器渲染显示样式

3、如何实现

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

四、有哪些常见的meta标签

meta标签的用法有很多,以下是常用的一些:

  • 指定文档编码 <meta charset=”utf-8″>;
  • 适配移动页面 <meta name=”viewport” content=”width=device-width,
    initial-scale=1.0″>;
  • 定制页面图标 <link rel=”shortcut icon” href=”favicon.ico”
    type=”image/x-icon”>;
  • 设置 referer <meta name=”referrer” content=”never”>;
  • 添加页面描述 <meta name=”description” content=”页面描述”>

五、文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?

  • <!doctype>标签用来声明文档对象模型,用来告诉浏览器应该使用哪种方式来解析渲染页面。
  • 严格模式就是使用<!doctype>标签来显式声明该用哪种方式来渲染页面。
  • 混杂模式即不加<!doctype>标签,允许浏览器使用自己的方式来渲染页面。
  • <!doctype html>即就是声明使用HTML5来解析渲染页面。

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

  • 浏览器对HTML网页的编码解释错误,HTML文件保存的编码与浏览器解释的编码不一致造成(一般多为中文)。
  • meta标签里没有设置编码字符集或meta字符集设置错误。
  • 在<head>里添加<meta charset=””>来声明编码格式解决

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

  • 常见浏览器:
    Chrome,Safari,Opera,IE,Firefo。
  • 主要浏览器内核:
    Chrome、Opera:blink
    Safari:webkit
    IE:trident,edgehtml
    Firefox:servo、gecko

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

!DOCTYPE:定义文档类型。
html:定义HTML文档。
head:定义文档的头部,它是所有头部元素的容器。
title:定义文档标题。
body:定义文档主体。
div:定义文档的分区或节。
h1-h6:标题
p:段落
a:跳转链接
img:图片
div:划分布局
ul>li:无序列表
ol>li:有序列表
dl>dt、dd自定义列表
table:表格
input按钮
br换行
hr分割线

标签:,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图