JavaScript第八章：内容

最新推荐文章于 2020-06-30 16:45:43 发布

yyanliqi

最新推荐文章于 2020-06-30 16:45:43 发布

阅读量165

点赞数

分类专栏： JavaScript DOM编程艺术 JavaScript DOM学习笔记文章标签： JavaScript 读书笔记

本文链接：https://blog.csdn.net/rachel9798/article/details/82991480

版权

JavaScript DOM编程艺术同时被 2 个专栏收录

33 篇文章 1 订阅

订阅专栏

JavaScript DOM学习笔记

33 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Explaining the Document Object Model</title>
</head>
<body>
  <h1>What is the Document Object Model?</h1>
  <P>
  The <abbr title="World Wide Web Consortium">W3C</abbr>
defines the <abbr title="Document Object Model">DOM</abbr>as:
  </P>
  <blockquote cite="http://www.w3.org/DOM/">
  <P>
  A platform-and language-netural interface that will allow programs and scripts to dynamically access and update the content,structure and style of documents.
  </P>
  </blockquote>
  <p>
  It is an <abbr title="Application Programming Interface">API</abbr>that can be used to navigate <abbr title="HyperText Markup Language">HTML</abbr>and <abbr title="eXtensible Markup Language">XML</abbr>documents.
  </p>
  
</body>
</html>

1.选用HTML、XHTML还是HTML5

作者本人更喜欢XHTML规则。它对允许使用的标记有着更严格的要求，可以监督他去写出更严谨的文档。

上面为HTML5规范完成的标记文件

2.CSS

虽然未给文档配上任何样式表，但是样式已经在起作用了。因为每种浏览器都有自己的默认样式。现在我们可以用自己的样式来取代浏览器的默认样式。

body{
	font-family:"Helvetica","Arial",sans-serif;
	font-size:10pt;
}
abbr{
	text-decoration:none;
	border:0;
	font-style:normal;
}

在html 中的<head>部分添加：

<link rel="stylesheet" media="screen" href="typography.css"/>

3.JavaScript

缩略语的title属性在浏览器里是隐藏的。有些浏览器会在你把鼠标悬停在缩略语上时，把它的title属性显示为一个弹出式的提示消息。浏览器对缩略语的默认呈现行为有各有各的做法。

就像我们可以用CSS样式表去取代浏览器的默认样式那样，也可以使用DOM去改变浏览器的默认行为。

yyanliqi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录