0

我有一个简单的基本 .html 文档,我将其用于“My Links.html”本地脱机页面,用作存储我觉得有趣的其他网站的超链接的一种方式。它有点像移动中的便携式“书签”页面。这是我已经创建的一些示例代码:

<b><h3>Web Design Resources</h3></b>
<hr />
<br />
<b><h4><u>CSS Tutorials</u></h4></b>

Line25.com
<ul>
<a href="http://line25.com/tutorials/" target="_blank">Tutorials</a>
 - main tutorials page<br />
<a href="http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu"     target="_blank">Pure CSS Dropdown</a>
 - Creating a dropdown menu solely out of css, nothing else (includes sub menus that slide out     to the right) <br />
<a href="http://line25.com/tutorials/how-to-create-a-trendy-flat-style-nav-menu-in-css"    target="_blank">Trendy flat-style-css-menu</a>
 - how to create a trendy flat style css menu (hover over "menu image" puts menu title to the     right of the images)<br />
<a href="http://line25.com/tutorials/how-to-create-a-slick-features-table-in-html-css"     target="_blank">Slick Features Comparison Table</a>
- a ghosted (semi transparent) table that vertically compares three items with the categories on    the left, box highlight on category font when hovering over any of the text in that row<br />

简单的折叠页眉效果 - 固定水平菜单顶部的标题文本/图像在向下滚动页面时隐藏,替换为内容

目前我正在手动打开 html 文档并对其进行编辑以添加每个新的链接、描述和类别(当它们出现时)。

我要做的是添加一些简单的表单和一个提交按钮来更新这个离线 .html 文档。我想将所有内容都包含在一个文档中,以便于移动。

理想情况下,它会使用以下格式添加文本:“超链接 - 描述”

使用现有类别的下拉列表,以便将其添加到正确的部分。只有几个文本框、一个下拉框和一个提交链接或按钮。没有什么花哨的,只是“完成工作”的骨架。

谢谢大家,即使你们可以指出我正确的方向或让我知道元素名称,这样我就可以更有效地研究我想要做什么。

4

1 回答 1

0

我认为这对于纯 HTML 是不可能的。

您可以在客户端使用 Javascript (jQuery) 更改 HTML,但您将无法通过 Javascript 将更改保存到本地文件系统。如果可以选择,您始终可以手动保存更改后的文档,但这对我来说似乎并不理想。

要获得更可靠的解决方案,您需要一些服务器端脚本,如 PHP,以及在本地计算机上运行的 Apache 等网络服务器(如 XAMP 或 MAMP)。理想情况下,您需要使用某种数据库或 XML 文件来存储数据。从技术上讲,只更改 HTML 是可能的,但这会很奇怪并且非常罕见。XML 文件的可移植性最容易,数据库的性能更好(并且可能是更有用的练习)。

不过,不确定这是否是处理“问题”的最佳方式。为什么不直接使用Xmarks等现有服务。您将可以直接从浏览器访问您的书签,可以在各种机器/浏览器之间同步它们,或者可以通过他们的网站访问它们。

但是,如果您只是想学习新东西,我鼓励您努力。一旦您决定要走哪条路线,请随时询问任何更具体的指示......

于 2013-04-26T22:41:13.703 回答