Question

我有一个简单的基本.html文档，我用于“我的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文档。我希望将所有内容保存在单个文档中，以便于移动。

理想情况下，它会使用以下格式添加文字：“超链接 - 说明”

通过下拉现有类别，以便将其添加到正确的部分。只需几个文本框，一个下拉框和一个提交链接或按钮。没什么好看的，只是“完成工作”的骨干。

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

Answer 1

我认为纯HTML无法实现这一点。

您可以在客户端使用Javascript（jQuery）更改HTML，但是您将无法通过Javascript将更改保存到本地文件系统。如果这是一个选项，您可以随时手动保存更改的文档，但这对我来说似乎并不理想。

对于更加可靠的解决方案，您需要一些像PHP这样的服务器端脚本，以及在本地计算机上运行的像Apache这样的Web服务器（如XAMP或MAMP）。理想情况下，您需要使用某种数据库或XML文件来存储数据。从技术上讲，它可能只是改变HTML，但它会很奇怪而且非常罕见。 XML文件对于可移植性来说是最简单的，数据库对性能会更好（并且可能是更有用的练习）。

不确定这是否是解决问题的最佳方法。为什么不使用像Xmarks这样的现有服务。您可以直接从浏览器访问您的书签，可以在各种机器/浏览器之间同步，也可以通过他们的网站访问它们。

如果你只是想学习新东西，我鼓励你努力。一旦您决定要采取哪条路线，请随意询问更具体的指示......

用于向页面添加链接和描述的html表单

1 个答案: